plain-design 1.0.0-beta.5 → 1.0.0-beta.51

package/src/packages/components/Empty/index.tsx

@@ -1,48 +1,48 @@
-import {designComponent, getComponentCls, useStyles} from "plain-design-composition";
-import './empty.scss';
-import i18n from "../i18n";
-
-export const Empty = designComponent({
-  name: 'empty',
-  props: {
-    height: { type: String, default: '36px' },
-    width: { type: String, default: '36px' },
-    label: { type: String },
-    noMatch: { type: Boolean },
-    noData: { type: Boolean },
-  },
-  slots: ['default'],
-  setup({ props, slots }) {
-
-    const styles = useStyles(() => ({
-      height: props.height,
-      width: props.width,
-    }));
-
-    return () => (
-      <div className={getComponentCls('empty')}>
-        {props.noData ? (
-          <svg style={styles.value} viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8923" width="200" height="200">
-            <path d="M781.26 388.687a10.219 10.219 0 0 1 1.357 5.082v269.239a20.432 20.432 0 0 1-10.268 17.724L537.433 815.45c-4.894 2.807-11.137 1.115-13.943-3.78a10.216 10.216 0 0 1-1.354-5.082V537.35c0-7.321 3.917-14.082 10.267-17.724l234.914-134.719c4.894-2.806 11.137-1.114 13.944 3.78z" fill="#ABABAB" fillOpacity=".574" p-id="8924"></path>
-            <path
-              d="M781.26 388.687a10.219 10.219 0 0 1 1.357 5.082v269.239a20.432 20.432 0 0 1-10.268 17.724L537.433 815.45c-4.894 2.807-11.137 1.115-13.943-3.78a10.216 10.216 0 0 1-1.354-5.082V537.35c0-7.321 3.917-14.082 10.267-17.724l234.914-134.719c4.894-2.806 11.137-1.114 13.944 3.78zM247.454 383.55c1.783 0 3.535 0.467 5.082 1.354l234.913 134.722a20.432 20.432 0 0 1 10.267 17.724v269.238c0 5.642-4.573 10.216-10.215 10.216-1.783 0-3.535-0.467-5.082-1.354L247.51 680.732a20.434 20.434 0 0 1-10.27-17.724V393.766c0-5.642 4.573-10.216 10.215-10.216z"
-              fill="#ABABAB" fillOpacity=".574" p-id="8925"></path>
-            <path d="M525.174 214.442l229.732 131.75c4.894 2.806 6.587 9.05 3.78 13.944a10.216 10.216 0 0 1-3.78 3.78L525.17 495.66a30.645 30.645 0 0 1-30.49 0l-229.73-131.75a10.216 10.216 0 0 1 0-17.724l229.734-131.745a30.645 30.645 0 0 1 30.49 0z" fill="#C5C5C5" fillOpacity=".461" p-id="8926"></path>
-            <path
-              d="M510.927 63c23.782 0 43.26 18.404 44.94 41.732l284.991 164.344a44.891 44.891 0 0 1 21.94-5.687c24.884 0 45.056 20.15 45.056 45.007 0 17.643-10.163 32.915-24.96 40.294l0.001 324.55C898.846 680.167 910 696.05 910 714.531c0 24.857-20.173 45.007-45.057 45.007a44.907 44.907 0 0 1-29.155-10.692L555.639 910.4c0.228 1.833 0.345 3.7 0.345 5.594 0 24.857-20.173 45.007-45.057 45.007-24.884 0-45.056-20.15-45.056-45.007 0-2.106 0.144-4.179 0.425-6.208L190.667 750.84c-8.028 7.396-18.755 11.914-30.538 11.914-24.884 0-45.056-20.15-45.056-45.007 0-17.672 10.196-32.965 25.032-40.33v-330.32C124.69 339.948 114 324.347 114 306.253c0-24.857 20.173-45.007 45.057-45.007 8.96 0 17.308 2.612 24.324 7.116l282.563-162.946C467.288 81.766 486.914 63 510.927 63z m39.657 66.39c-7.618 14.068-22.52 23.624-39.657 23.624-16.932 0-31.682-9.329-39.38-23.122L199.645 286.688a44.787 44.787 0 0 1 4.468 19.565c0 23.152-17.5 42.221-40.008 44.728v321.932c23.022 2.01 41.081 21.315 41.081 44.834 0 4.414-0.636 8.68-1.822 12.71l272.57 157.182c8.261-10.16 20.868-16.653 34.993-16.653 14.333 0 27.103 6.685 35.355 17.103L822.248 728.95a44.91 44.91 0 0 1-2.361-14.418c0-22.807 16.983-41.652 39.006-44.605v-316.69c-23.056-1.977-41.152-21.298-41.152-44.84a44.766 44.766 0 0 1 5.586-21.724L550.584 129.389z"
-              fill="#ABABAB" fillOpacity=".574" p-id="8927"></path>
-          </svg>
-        ) : (
-          <svg style={styles.value} viewBox="0 0 1573 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22464" width="200" height="200">
-            <path
-              d="M167.337 695.184h20.854c5.62 0.1 10.115 4.633 10.115 10.19 0 5.62-4.433 10.19-10.115 10.19h-20.854v20.58a10.265 10.265 0 0 1-10.328 9.99 10.24 10.24 0 0 1-7.268-2.872 9.965 9.965 0 0 1-3.047-7.118V715.55H125.84a10.252 10.252 0 0 1-10.116-10.19c0-5.62 4.434-10.19 10.116-10.19h20.854v-20.58a10.265 10.265 0 0 1 10.315-9.99c5.707 0 10.328 4.396 10.328 9.99v20.593z m1362.669-81.52v-20.58a9.965 9.965 0 0 0-3.047-7.119 10.24 10.24 0 0 0-7.28-2.872 10.265 10.265 0 0 0-10.315 9.99v20.58h-20.855a10.228 10.228 0 0 0-7.218 2.997 9.953 9.953 0 0 0-2.897 7.193c0 5.457 4.533 10.19 10.115 10.19h20.855v20.58c0 5.607 4.62 9.99 10.314 9.99 5.62 0 10.215-4.445 10.328-9.99v-20.58h20.854c5.682 0 10.116-4.57 10.116-10.19a10.252 10.252 0 0 0-10.116-10.19h-20.854zM779.963 949.91h-519.78c-5.47 0-10.714-2.136-14.585-5.957a20.168 20.168 0 0 1-5.994-14.423c0-11.24 9.353-20.368 20.58-20.368h93.633a80.172 80.172 0 0 1-10.99-40.66V277.317c0.013-21.63 8.742-42.359 24.24-57.632a83.081 83.081 0 0 1 58.442-23.789h61.853v-20.48c0-21.616 8.729-42.346 24.226-57.619a83.081 83.081 0 0 1 58.443-23.789h495.341a83.044 83.044 0 0 1 58.443 23.777 80.884 80.884 0 0 1 24.226 57.631v591.185c0 14.823-3.996 28.697-10.989 40.66h114.201a20.48 20.48 0 0 1 20.667 20.38c0 11.24-9.178 20.38-20.642 20.38H1003.52v20.48c0 14.811-3.996 28.698-11.002 40.661h11.064c11.364 0 20.58 9.041 20.58 20.368 0 11.251-9.353 20.38-20.58 20.38H894.964a40.248 40.248 0 0 1-6.344 49.626 41.46 41.46 0 0 1-29.197 11.976 41.46 41.46 0 0 1-29.184-11.976l-50.276-49.626z m75.477-40.748h65.66a40.898 40.898 0 0 0 41.123-40.86V276.355a39.711 39.711 0 0 0-39.836-39.711H423.96a39.774 39.774 0 0 0-39.849 39.711v591.947c0 22.553 18.582 40.86 41.11 40.86H738.63l-10.615-10.49a40.323 40.323 0 0 1-10.74-39.399l-19.48-19.256c-60.729 44.607-146.045 35.428-195.61-21.054a141.35 141.35 0 0 1 6.844-194.086c53.573-53.073 139.614-56.195 196.995-7.143 57.369 49.04 66.535 133.545 20.967 193.461l19.506 19.257a41.522 41.522 0 0 1 39.911 10.577l69.02 68.133z m148.08-101.9h62.127c22.728-0.113 41.085-18.32 41.11-40.76V175.515c0-22.578-18.42-40.76-41.11-40.76H569.73c-22.715 0.125-41.072 18.332-41.085 40.76v20.38H920.85a83.044 83.044 0 0 1 58.443 23.777 80.884 80.884 0 0 1 24.226 57.644v529.945zM275.73 58.343h30.758c8.68 0 15.697 6.78 15.697 15.285 0 8.43-7.018 15.285-15.697 15.285h-30.757v30.346a15.435 15.435 0 0 1-15.485 15.484 15.685 15.685 0 0 1-10.99-4.57 15.285 15.285 0 0 1-4.495-10.914V88.913h-30.757a15.66 15.66 0 0 1-11.077-4.433 15.248 15.248 0 0 1-4.62-10.864c0-8.43 7.017-15.273 15.697-15.273h30.757v-30.37a15.485 15.485 0 0 1 30.97 0v30.37zM33.13 929.53c0-11.24 9.366-20.368 20.593-20.368h124.003c11.352 0 20.58 9.041 20.58 20.368 0 11.251-9.353 20.38-20.58 20.38H53.723c-5.47 0-10.727-2.136-14.586-5.957a20.168 20.168 0 0 1-5.994-14.423z m651.114-131.722a101.014 101.014 0 0 0 26.724-98.441c-9.553-35.166-37.376-62.626-73.004-72.055a104.173 104.173 0 0 0-99.74 26.375 100.976 100.976 0 0 0 0 144.109c40.336 39.811 105.697 39.811 146.02 0zM466.707 318.164c0-11.239 9.24-20.355 20.63-20.367h227.128c11.401 0 20.655 9.116 20.655 20.367 0 11.264-9.241 20.38-20.655 20.38H487.362a20.73 20.73 0 0 1-14.611-5.944 20.18 20.18 0 0 1-6.044-14.436z m0 101.9c0-11.238 9.19-20.38 20.505-20.38h330.64c11.313 0 20.492 9.054 20.492 20.38 0 11.24-9.179 20.38-20.493 20.38h-330.64a20.599 20.599 0 0 1-14.535-5.993 20.118 20.118 0 0 1-5.97-14.386z m0 101.901c0-11.251 9.216-20.38 20.605-20.38H631.92c11.377 0 20.605 9.041 20.605 20.368 0 11.251-9.203 20.38-20.605 20.38H487.312c-5.47 0.012-10.727-2.123-14.599-5.957a20.168 20.168 0 0 1-5.994-14.423zM74.427 399.672a62.09 62.09 0 0 1-53.635-30.57 60.441 60.441 0 0 1 0-61.128 62.09 62.09 0 0 1 53.635-30.57c34.217 0 61.94 27.373 61.94 61.128 0 33.767-27.723 61.14-61.94 61.14z m0-30.57c11.065 0 21.292-5.82 26.824-15.285a30.22 30.22 0 0 0 0-30.57 31.045 31.045 0 0 0-26.824-15.273c-17.108 0-30.97 13.687-30.97 30.558 0 16.883 13.862 30.57 30.97 30.57z m1280.088-91.698c-34.217 0-61.94-27.373-61.94-61.14 0-33.767 27.723-61.14 61.94-61.14 34.204 0 61.94 27.373 61.94 61.14 0 33.767-27.736 61.14-61.94 61.14z m0-30.57c11.064 0 21.291-5.832 26.824-15.285a30.22 30.22 0 0 0 0-30.57 31.045 31.045 0 0 0-26.824-15.285c-17.109 0-30.97 13.686-30.97 30.57 0 16.883 13.861 30.57 30.97 30.57z"
-              p-id="22465"/>
-          </svg>
-        )}
-        {slots.default(props.label || (props.noMatch ? i18n('base.noMatch').d('暂无匹配') : i18n('base.noData').d('暂无数据')))}
-      </div>
-    );
-  },
-});
-
-export default Empty;
+import {designComponent, getComponentCls, useStyles} from "plain-design-composition";
+import './empty.scss';
+import i18n from "../i18n";
+
+export const Empty = designComponent({
+  name: 'empty',
+  props: {
+    height: { type: String, default: '36px' },
+    width: { type: String, default: '36px' },
+    label: { type: String },
+    noMatch: { type: Boolean },
+    noData: { type: Boolean },
+  },
+  slots: ['default'],
+  setup({ props, slots }) {
+
+    const styles = useStyles(() => ({
+      height: props.height,
+      width: props.width,
+    }));
+
+    return () => (
+      <div className={getComponentCls('empty')}>
+        {props.noData ? (
+          <svg style={styles.value} viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8923" width="200" height="200">
+            <path d="M781.26 388.687a10.219 10.219 0 0 1 1.357 5.082v269.239a20.432 20.432 0 0 1-10.268 17.724L537.433 815.45c-4.894 2.807-11.137 1.115-13.943-3.78a10.216 10.216 0 0 1-1.354-5.082V537.35c0-7.321 3.917-14.082 10.267-17.724l234.914-134.719c4.894-2.806 11.137-1.114 13.944 3.78z" fill="#ABABAB" fillOpacity=".574" p-id="8924"></path>
+            <path
+              d="M781.26 388.687a10.219 10.219 0 0 1 1.357 5.082v269.239a20.432 20.432 0 0 1-10.268 17.724L537.433 815.45c-4.894 2.807-11.137 1.115-13.943-3.78a10.216 10.216 0 0 1-1.354-5.082V537.35c0-7.321 3.917-14.082 10.267-17.724l234.914-134.719c4.894-2.806 11.137-1.114 13.944 3.78zM247.454 383.55c1.783 0 3.535 0.467 5.082 1.354l234.913 134.722a20.432 20.432 0 0 1 10.267 17.724v269.238c0 5.642-4.573 10.216-10.215 10.216-1.783 0-3.535-0.467-5.082-1.354L247.51 680.732a20.434 20.434 0 0 1-10.27-17.724V393.766c0-5.642 4.573-10.216 10.215-10.216z"
+              fill="#ABABAB" fillOpacity=".574" p-id="8925"></path>
+            <path d="M525.174 214.442l229.732 131.75c4.894 2.806 6.587 9.05 3.78 13.944a10.216 10.216 0 0 1-3.78 3.78L525.17 495.66a30.645 30.645 0 0 1-30.49 0l-229.73-131.75a10.216 10.216 0 0 1 0-17.724l229.734-131.745a30.645 30.645 0 0 1 30.49 0z" fill="#C5C5C5" fillOpacity=".461" p-id="8926"></path>
+            <path
+              d="M510.927 63c23.782 0 43.26 18.404 44.94 41.732l284.991 164.344a44.891 44.891 0 0 1 21.94-5.687c24.884 0 45.056 20.15 45.056 45.007 0 17.643-10.163 32.915-24.96 40.294l0.001 324.55C898.846 680.167 910 696.05 910 714.531c0 24.857-20.173 45.007-45.057 45.007a44.907 44.907 0 0 1-29.155-10.692L555.639 910.4c0.228 1.833 0.345 3.7 0.345 5.594 0 24.857-20.173 45.007-45.057 45.007-24.884 0-45.056-20.15-45.056-45.007 0-2.106 0.144-4.179 0.425-6.208L190.667 750.84c-8.028 7.396-18.755 11.914-30.538 11.914-24.884 0-45.056-20.15-45.056-45.007 0-17.672 10.196-32.965 25.032-40.33v-330.32C124.69 339.948 114 324.347 114 306.253c0-24.857 20.173-45.007 45.057-45.007 8.96 0 17.308 2.612 24.324 7.116l282.563-162.946C467.288 81.766 486.914 63 510.927 63z m39.657 66.39c-7.618 14.068-22.52 23.624-39.657 23.624-16.932 0-31.682-9.329-39.38-23.122L199.645 286.688a44.787 44.787 0 0 1 4.468 19.565c0 23.152-17.5 42.221-40.008 44.728v321.932c23.022 2.01 41.081 21.315 41.081 44.834 0 4.414-0.636 8.68-1.822 12.71l272.57 157.182c8.261-10.16 20.868-16.653 34.993-16.653 14.333 0 27.103 6.685 35.355 17.103L822.248 728.95a44.91 44.91 0 0 1-2.361-14.418c0-22.807 16.983-41.652 39.006-44.605v-316.69c-23.056-1.977-41.152-21.298-41.152-44.84a44.766 44.766 0 0 1 5.586-21.724L550.584 129.389z"
+              fill="#ABABAB" fillOpacity=".574" p-id="8927"></path>
+          </svg>
+        ) : (
+          <svg style={styles.value} viewBox="0 0 1573 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22464" width="200" height="200">
+            <path
+              d="M167.337 695.184h20.854c5.62 0.1 10.115 4.633 10.115 10.19 0 5.62-4.433 10.19-10.115 10.19h-20.854v20.58a10.265 10.265 0 0 1-10.328 9.99 10.24 10.24 0 0 1-7.268-2.872 9.965 9.965 0 0 1-3.047-7.118V715.55H125.84a10.252 10.252 0 0 1-10.116-10.19c0-5.62 4.434-10.19 10.116-10.19h20.854v-20.58a10.265 10.265 0 0 1 10.315-9.99c5.707 0 10.328 4.396 10.328 9.99v20.593z m1362.669-81.52v-20.58a9.965 9.965 0 0 0-3.047-7.119 10.24 10.24 0 0 0-7.28-2.872 10.265 10.265 0 0 0-10.315 9.99v20.58h-20.855a10.228 10.228 0 0 0-7.218 2.997 9.953 9.953 0 0 0-2.897 7.193c0 5.457 4.533 10.19 10.115 10.19h20.855v20.58c0 5.607 4.62 9.99 10.314 9.99 5.62 0 10.215-4.445 10.328-9.99v-20.58h20.854c5.682 0 10.116-4.57 10.116-10.19a10.252 10.252 0 0 0-10.116-10.19h-20.854zM779.963 949.91h-519.78c-5.47 0-10.714-2.136-14.585-5.957a20.168 20.168 0 0 1-5.994-14.423c0-11.24 9.353-20.368 20.58-20.368h93.633a80.172 80.172 0 0 1-10.99-40.66V277.317c0.013-21.63 8.742-42.359 24.24-57.632a83.081 83.081 0 0 1 58.442-23.789h61.853v-20.48c0-21.616 8.729-42.346 24.226-57.619a83.081 83.081 0 0 1 58.443-23.789h495.341a83.044 83.044 0 0 1 58.443 23.777 80.884 80.884 0 0 1 24.226 57.631v591.185c0 14.823-3.996 28.697-10.989 40.66h114.201a20.48 20.48 0 0 1 20.667 20.38c0 11.24-9.178 20.38-20.642 20.38H1003.52v20.48c0 14.811-3.996 28.698-11.002 40.661h11.064c11.364 0 20.58 9.041 20.58 20.368 0 11.251-9.353 20.38-20.58 20.38H894.964a40.248 40.248 0 0 1-6.344 49.626 41.46 41.46 0 0 1-29.197 11.976 41.46 41.46 0 0 1-29.184-11.976l-50.276-49.626z m75.477-40.748h65.66a40.898 40.898 0 0 0 41.123-40.86V276.355a39.711 39.711 0 0 0-39.836-39.711H423.96a39.774 39.774 0 0 0-39.849 39.711v591.947c0 22.553 18.582 40.86 41.11 40.86H738.63l-10.615-10.49a40.323 40.323 0 0 1-10.74-39.399l-19.48-19.256c-60.729 44.607-146.045 35.428-195.61-21.054a141.35 141.35 0 0 1 6.844-194.086c53.573-53.073 139.614-56.195 196.995-7.143 57.369 49.04 66.535 133.545 20.967 193.461l19.506 19.257a41.522 41.522 0 0 1 39.911 10.577l69.02 68.133z m148.08-101.9h62.127c22.728-0.113 41.085-18.32 41.11-40.76V175.515c0-22.578-18.42-40.76-41.11-40.76H569.73c-22.715 0.125-41.072 18.332-41.085 40.76v20.38H920.85a83.044 83.044 0 0 1 58.443 23.777 80.884 80.884 0 0 1 24.226 57.644v529.945zM275.73 58.343h30.758c8.68 0 15.697 6.78 15.697 15.285 0 8.43-7.018 15.285-15.697 15.285h-30.757v30.346a15.435 15.435 0 0 1-15.485 15.484 15.685 15.685 0 0 1-10.99-4.57 15.285 15.285 0 0 1-4.495-10.914V88.913h-30.757a15.66 15.66 0 0 1-11.077-4.433 15.248 15.248 0 0 1-4.62-10.864c0-8.43 7.017-15.273 15.697-15.273h30.757v-30.37a15.485 15.485 0 0 1 30.97 0v30.37zM33.13 929.53c0-11.24 9.366-20.368 20.593-20.368h124.003c11.352 0 20.58 9.041 20.58 20.368 0 11.251-9.353 20.38-20.58 20.38H53.723c-5.47 0-10.727-2.136-14.586-5.957a20.168 20.168 0 0 1-5.994-14.423z m651.114-131.722a101.014 101.014 0 0 0 26.724-98.441c-9.553-35.166-37.376-62.626-73.004-72.055a104.173 104.173 0 0 0-99.74 26.375 100.976 100.976 0 0 0 0 144.109c40.336 39.811 105.697 39.811 146.02 0zM466.707 318.164c0-11.239 9.24-20.355 20.63-20.367h227.128c11.401 0 20.655 9.116 20.655 20.367 0 11.264-9.241 20.38-20.655 20.38H487.362a20.73 20.73 0 0 1-14.611-5.944 20.18 20.18 0 0 1-6.044-14.436z m0 101.9c0-11.238 9.19-20.38 20.505-20.38h330.64c11.313 0 20.492 9.054 20.492 20.38 0 11.24-9.179 20.38-20.493 20.38h-330.64a20.599 20.599 0 0 1-14.535-5.993 20.118 20.118 0 0 1-5.97-14.386z m0 101.901c0-11.251 9.216-20.38 20.605-20.38H631.92c11.377 0 20.605 9.041 20.605 20.368 0 11.251-9.203 20.38-20.605 20.38H487.312c-5.47 0.012-10.727-2.123-14.599-5.957a20.168 20.168 0 0 1-5.994-14.423zM74.427 399.672a62.09 62.09 0 0 1-53.635-30.57 60.441 60.441 0 0 1 0-61.128 62.09 62.09 0 0 1 53.635-30.57c34.217 0 61.94 27.373 61.94 61.128 0 33.767-27.723 61.14-61.94 61.14z m0-30.57c11.065 0 21.292-5.82 26.824-15.285a30.22 30.22 0 0 0 0-30.57 31.045 31.045 0 0 0-26.824-15.273c-17.108 0-30.97 13.687-30.97 30.558 0 16.883 13.862 30.57 30.97 30.57z m1280.088-91.698c-34.217 0-61.94-27.373-61.94-61.14 0-33.767 27.723-61.14 61.94-61.14 34.204 0 61.94 27.373 61.94 61.14 0 33.767-27.736 61.14-61.94 61.14z m0-30.57c11.064 0 21.291-5.832 26.824-15.285a30.22 30.22 0 0 0 0-30.57 31.045 31.045 0 0 0-26.824-15.285c-17.109 0-30.97 13.686-30.97 30.57 0 16.883 13.861 30.57 30.97 30.57z"
+              p-id="22465"/>
+          </svg>
+        )}
+        {slots.default(props.label || (props.noMatch ? i18n.$it('base.noMatch').d('暂无匹配') : i18n.$it('base.noData').d('暂无数据')))}
+      </div>
+    );
+  },
+});
+
+export default Empty;

package/src/packages/components/FilterFormMultiple/filter-form-multiple.scss

@@ -1,27 +1,36 @@
-@include comp(filter-form-multiple) {
-
-  @include comp(form) {
-    padding-left: 0 !important;
-    padding-right: 0 !important;
-    margin: 0 !important;
-    .form-inner {
-      width: 100%;
-    }
-  }
-
-  .filter-form-multiple-first-column {
-    .form-item-label {
-      text-align: left !important;
-    }
-  }
-
-  .filter-form-multiple-operation {
-    display: inline-flex;
-    align-items: center;
-    @include comp(button) {
-      & + button {
-        margin-left: 4px;
-      }
-    }
-  }
-}
+@include comp(filter-form-multiple) {
+
+  @include comp(form) {
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+    .form-inner {
+      width: 100%;
+    }
+
+    @include sizeMixin(form, ()) {
+      .filter-form-multiple-operation {
+        @include comp(button) {
+          & + button {
+            margin-left: $margin;
+          }
+        }
+      }
+    }
+  }
+
+  .filter-form-multiple-first-column {
+    .form-item-label {
+      text-align: left !important;
+    }
+  }
+
+  .filter-form-multiple-operation {
+    display: inline-flex;
+    align-items: center;
+    @include comp(button) {
+      & + button {
+        margin-left: 4px;
+      }
+    }
+  }
+}