较少的Css mixin参数列表或列表(对象列表与字符串列表)

Question

说我有这个混合:

.loop-strings("A, B, C", "1, 2, 3", "X, Y, Z";);

像这样实现:

.loop-strings(@list, @index: 1) when (isstring(extract(@list, @index))) {
    @currentMember: extract(@list, @index);

    .do-something-with(@currentMember);

    .loop-strings(@list, (@index + 1)); /* loop the next member */
}

.do-something-with(...) {
    @args1 : e(@arguments); 
    @args2 : A, B, C;
    args1: @args1;
    args2: @args2;
    extract-args1-2: extract(@args1, 2);
    extract-args2-2: extract(@args2, 2);
}

结果:

args1: A, B, C;
extract-args1-2: extract(A, B, C, 2);
args1: 1, 2, 3;
extract-args1-2: extract(1, 2, 3, 2);
args1: X, Y, Z;
args2: A, B, C;
extract-args1-2: extract(X, Y, Z, 2);
extract-args2-2: B;

这些接缝是之间的差@foo:e("A, B, C");或@foo:~"A, B, C";和@foo:A, B, C;

我似乎无法使用,extract(@foo, 2);除非它被定义为对象列表.

有没有办法将esacaped字符串转换为对象列表

Answer 1

它接缝是之间的差e("A, B, C")或~"A, B, C"和A, B, C

是的,两者e("A, B, C")并~"A, B, C"创造出永远不会认为是有意义的类型所谓的"匿名值"类型(它不是一个列表,而不是一个数字,甚至不是一个字符串).基本上逃脱的价值观就像"不要碰我"或"我知道我在做什么!" 东西,它们只是按"原样"输出,编译器从不试图理解其中的内容.这基本上就是转义值的用途:"打印"编译器无法理解的内容.

通常请注意,您可以使用逗号和空格作为列表中的值分隔符.例如,您可以使用.loop-strings(A B C, 1 2 3, X Y Z;);(二维列表作为单个参数,因此使用多参数mixin甚至可以在一行中获得树维列表).您是否有任何特殊原因需要使用引用和/或转义值？例如,您可以将其编写为:

test {
    .loop-lists(A, B, C; 1, 2, 3; X, Y, Z);
}

.loop-lists(@lists...) {
    .loop(length(@lists));
    .loop(@i) when (@i > 0) {
        .loop((@i - 1));
        .do-something-with(extract(@lists, @i));
    }
}

.do-something-with(@list) {
    v1: extract(@list, 1);
    v2: extract(@list, 2);
    v3: extract(@list, 3);
}

---

提取物(A,B,C,2);

目前这是不正确的extract语法,extract只接受两个参数,因此您可以将其写为:

extract(A B C, 2);

或者:

@list: A, B, C;
extract(@list, 2);

---

这是一个带有几个额外通用提示的示例:

test {
    .do-something(A B C, 1 2 3, X Y Z; foo bar, baz; banana);
}

.do-something(@p1, @p2, @p3) {
    args1: @arguments;                                     // 3D list
    args2: extract(@arguments, 1);                         // 2D list: A B C, 1 2 3, X Y Z
    args3: extract(extract(@arguments, 1), 1);             // 1D list: A B C
    args4: extract(extract(extract(@arguments, 1), 1), 1); // single value: A

    p1- :   @p1;               // A B C, 1 2 3, X Y Z
    p1-1:   extract(@p1, 1);   // A B C
    p1-3:   extract(@p1, 3);   // X Y Z

   @p2-1:   extract(@p2, 1);   // foo bar
    p2-1:   @p2-1;             // foo bar
    p2-1-2: extract(@p2-1, 2); // bar
    p2-2:   extract(@p2, 2);   // baz

    p3- :   @p3;               // banana
    p3-1:   extract(@p3, 1);   // banana
    // etc.

    quoted-p2: "@{p2}"; // if you need a quoted string do it in reverse (i.e. non-quoted list to a quoted string)
}