@fangzhongya/fang-ui 0.0.67 → 0.0.68

package/dist/components/page/src/set-column2.js

@@ -1,14 +1,11 @@
-import { defineComponent, ref, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createTextVNode, createElementVNode, createBlock, Fragment, renderList, mergeProps, toDisplayString, withModifiers } from "vue";
+import { defineComponent, ref, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, Fragment, renderList, mergeProps, withModifiers } from "vue";
 import Draggable from "vuedraggable";
 import { Dialogs } from "../../dialogs/index.js";
 import { NoData } from "../../no-data/index.js";
+import { Checkbox } from "../../checkbox/index.js";
+import { Button } from "../../button/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import { ElCheckbox } from "element-plus/es/components/checkbox/index";
-import { ElButton } from "element-plus/es/components/button/index";
-const _hoisted_1 = {
-  key: 1,
-  class: "no-data"
-};
+import { useLocale } from "../../../hooks/locale/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "set-column",
   props: {
@@ -19,15 +16,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     },
     list: {
-      type: Array
+      type: Array,
+      default() {
+        return [];
+      }
     }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
+    const { getLocale } = useLocale();
     const props = __props;
     const emit = __emit;
     const cs = useCssName("set-column");
     const dialogVisible = ref(false);
+    const isall = ref(false);
     const value = ref([...props.modelValue]);
     watch(
       () => props.modelValue,
@@ -36,8 +38,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     const onOpen = () => {
+      var _a;
       value.value = [...props.modelValue];
       dialogVisible.value = true;
+      if (value.value.length == ((_a = props.list) == null ? void 0 : _a.length)) {
+        isall.value = true;
+      }
     };
     const isChecked = (item) => {
       return value.value.map((o) => o.prop).includes(item.prop);
@@ -54,31 +60,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const drag = ref(false);
     const onChange = (item, is) => {
+      var _a;
       if (is) {
         value.value.push(item);
+        if (value.value.length == ((_a = props.list) == null ? void 0 : _a.length)) {
+          isall.value = true;
+        }
       } else {
         const v = value.value.map((o) => o.prop);
         value.value.splice(v.indexOf(item.prop), 1);
+        isall.value = false;
       }
     };
     const onDelete = (item, index) => {
       value.value.splice(index, 1);
+      isall.value = false;
+    };
+    const onAllChange = (is) => {
+      if (is) {
+        value.value = [...props.list];
+      } else {
+        value.value = [];
+      }
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(cs).z())
       }, [
-        createVNode(unref(ElButton), { onClick: onOpen }, {
-          default: withCtx(() => [..._cache[4] || (_cache[4] = [
-            createTextVNode("列设置", -1)
-          ])]),
+        createVNode(unref(Button), { onClick: onOpen }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(getLocale)("setColumn.name")), 1)
+          ]),
           _: 1
         }),
         createVNode(unref(Dialogs), {
           class: normalizeClass(unref(cs).z("dialog")),
           modelValue: dialogVisible.value,
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dialogVisible.value = $event),
-          title: "设置显示字段",
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dialogVisible.value = $event),
+          width: 900,
+          title: unref(getLocale)("setColumn.title"),
           onConfirm: onSubmit
         }, {
           default: withCtx(() => [
@@ -90,13 +110,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("div", {
                   class: normalizeClass(unref(cs).z("title"))
-                }, "可选字段", 2),
+                }, [
+                  createElementVNode("span", null, toDisplayString(unref(getLocale)("setColumn.optional")), 1),
+                  createElementVNode("span", {
+                    class: normalizeClass(unref(cs).z("title-all"))
+                  }, [
+                    createVNode(unref(Checkbox), {
+                      modelValue: isall.value,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isall.value = $event),
+                      onChange: onAllChange
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(getLocale)("setColumn.all")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ], 2)
+                ], 2),
                 (openBlock(), createElementBlock("div", {
                   class: normalizeClass(unref(cs).z("check-list")),
                   key: value.value.length
                 }, [
-                  props.list && props.list.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.list, (item, index) => {
-                    return openBlock(), createBlock(unref(ElCheckbox), {
+                  props.list.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.list, (item, index) => {
+                    return openBlock(), createBlock(unref(Checkbox), {
                       class: normalizeClass(unref(cs).z("check-list-li")),
                       key: index,
                       label: item.label,
@@ -112,46 +148,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("div", {
                   class: normalizeClass(unref(cs).z("title"))
-                }, "已选字段", 2),
+                }, toDisplayString(unref(getLocale)("setColumn.selected")), 3),
                 createElementVNode("div", {
                   class: normalizeClass(unref(cs).z("already-list"))
                 }, [
                   value.value && value.value.length > 0 ? (openBlock(), createBlock(unref(Draggable), mergeProps({ key: 0 }, dragOptions, {
-                    onStart: _cache[0] || (_cache[0] = ($event) => drag.value = true),
-                    onEnd: _cache[1] || (_cache[1] = ($event) => drag.value = false),
+                    onStart: _cache[1] || (_cache[1] = ($event) => drag.value = true),
+                    onEnd: _cache[2] || (_cache[2] = ($event) => drag.value = false),
                     modelValue: value.value,
-                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => value.value = $event),
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => value.value = $event),
                     "item-key": (value2) => value2,
                     handle: ".handle"
                   }), {
                     item: withCtx(({ element, index }) => [
                       createElementVNode("div", {
-                        class: normalizeClass(unref(cs).z("already-li"))
+                        class: normalizeClass(["handle", unref(cs).z("already-li")])
                       }, [
                         createElementVNode("div", {
-                          class: normalizeClass(["handle", unref(cs).z("already-li-v")])
+                          class: normalizeClass(unref(cs).z("already-li-v"))
                         }, [
                           createElementVNode("div", null, toDisplayString(element.label), 1)
                         ], 2),
-                        createVNode(unref(ElButton), {
+                        createVNode(unref(Button), {
                           text: "",
+                          type: "danger",
                           onClick: withModifiers(($event) => onDelete(element, index), ["stop"])
                         }, {
-                          default: withCtx(() => [..._cache[5] || (_cache[5] = [
-                            createTextVNode(" 删除 ", -1)
-                          ])]),
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(getLocale)("setColumn.delete")), 1)
+                          ]),
                           _: 1
                         }, 8, ["onClick"])
                       ], 2)
                     ]),
                     _: 1
-                  }, 16, ["modelValue", "item-key"])) : (openBlock(), createElementBlock("div", _hoisted_1, "未选字段"))
+                  }, 16, ["modelValue", "item-key"])) : (openBlock(), createBlock(unref(NoData), {
+                    key: 1,
+                    text: unref(getLocale)("setColumn.nodata")
+                  }, null, 8, ["text"]))
                 ], 2)
               ], 2)
             ], 2)
           ]),
           _: 1
-        }, 8, ["class", "modelValue"])
+        }, 8, ["class", "modelValue", "title"])
       ], 2);
     };
   }

package/dist/components/selects/src/data.cjs

@@ -12,7 +12,7 @@ const dataProps = {
   }
 };
 const dataHandle = list.comHandle;
-const dataEmits = [...list.emits];
+const dataEmits = [...list.emits, "click-multiple"];
 exports.dataEmits = dataEmits;
 exports.dataHandle = dataHandle;
 exports.dataProps = dataProps;

package/dist/components/selects/src/data.js

@@ -10,7 +10,7 @@ const dataProps = {
   }
 };
 const dataHandle = comHandle;
-const dataEmits = [...emits];
+const dataEmits = [...emits, "click-multiple"];
 export {
   dataEmits,
   dataHandle,

package/dist/css/index.css

@@ -668,17 +668,80 @@
   display: flex;
   margin-right: 20px;
 }
-.page-operations > .el-button {
+.page-operations .el-button {
   margin-left: 2px;
   margin-right: 2px;
   padding-left: 5px;
   padding-right: 5px;
 }
+.page-operations .el-button:first-child {
+  margin-left: 0;
+}
+.page-operations .el-button:last-child {
+  margin-right: 0;
+}
 .page-footer {
   padding: 10px;
   text-align: right;
   background-color: #f5f5f5;
 }
+.page .set-column {
+  margin-left: 10px;
+}
+.page .set-column .set-column-dialog-main {
+  font-size: 16px;
+  display: flex;
+}
+.page .set-column .set-column-dialog-main .set-column-title {
+  height: 40px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.page .set-column .set-column-dialog-main .set-column-title .set-column-title-all {
+  margin-right: 20px;
+}
+.page .set-column .set-column-dialog-main .set-column-check {
+  flex: 1;
+}
+.page .set-column .set-column-dialog-main .set-column-check .set-column-check-list {
+  padding: 10px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  overflow-y: auto;
+}
+.page .set-column .set-column-dialog-main .set-column-check .set-column-check-list .set-column-check-list-li {
+  margin-right: 0;
+  width: 33%;
+  height: 40px;
+}
+.page .set-column .set-column-dialog-main .set-column-already {
+  border-left: 1px solid #999;
+  padding-left: 20px;
+  width: 240px;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list {
+  padding: 10px 10px 10px 0;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li {
+  height: 40px;
+  line-height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #ccc;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li:first-child {
+  border-top: 1px solid #ccc;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li .set-column-already-li-v {
+  display: flex;
+  flex: 1;
+  align-items: center;
+}
 
 .retract {
   position: relative;
@@ -1162,6 +1225,10 @@
   height: 100%;
 }
 
+.switchs-switch {
+  height: 100%;
+}
+
 .lists {
   width: 100%;
   min-height: 100px;
@@ -1328,26 +1395,4 @@
   left: 0;
   z-index: 1;
   opacity: 0;
-}
-
-.tablesvp {
-  width: 100%;
-  height: var(--tablesvp-height);
-  display: flex;
-  flex-direction: column;
-}
-.tablesvp-main {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  width: 100%;
-}
-.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
-  display: none;
-}
-.tablesvp-paginat {
-  overflow: hidden;
-}
-.tablesvp-paginat .el-pagination {
-  justify-content: flex-end;
 }

package/dist/css/page.css

@@ -290,14 +290,77 @@
   display: flex;
   margin-right: 20px;
 }
-.page-operations > .el-button {
+.page-operations .el-button {
   margin-left: 2px;
   margin-right: 2px;
   padding-left: 5px;
   padding-right: 5px;
 }
+.page-operations .el-button:first-child {
+  margin-left: 0;
+}
+.page-operations .el-button:last-child {
+  margin-right: 0;
+}
 .page-footer {
   padding: 10px;
   text-align: right;
   background-color: #f5f5f5;
+}
+.page .set-column {
+  margin-left: 10px;
+}
+.page .set-column .set-column-dialog-main {
+  font-size: 16px;
+  display: flex;
+}
+.page .set-column .set-column-dialog-main .set-column-title {
+  height: 40px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.page .set-column .set-column-dialog-main .set-column-title .set-column-title-all {
+  margin-right: 20px;
+}
+.page .set-column .set-column-dialog-main .set-column-check {
+  flex: 1;
+}
+.page .set-column .set-column-dialog-main .set-column-check .set-column-check-list {
+  padding: 10px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  overflow-y: auto;
+}
+.page .set-column .set-column-dialog-main .set-column-check .set-column-check-list .set-column-check-list-li {
+  margin-right: 0;
+  width: 33%;
+  height: 40px;
+}
+.page .set-column .set-column-dialog-main .set-column-already {
+  border-left: 1px solid #999;
+  padding-left: 20px;
+  width: 240px;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list {
+  padding: 10px 10px 10px 0;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li {
+  height: 40px;
+  line-height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid #ccc;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li:first-child {
+  border-top: 1px solid #ccc;
+}
+.page .set-column .set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li .set-column-already-li-v {
+  display: flex;
+  flex: 1;
+  align-items: center;
 }

package/dist/icons/index.css

@@ -1,34 +1,34 @@
 :root {
-  --icon-svg-below: url("data:image/svg+xml;utf8,%3Csvg id='icon-below' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z' %3E%3C/path%3E %3C/svg%3E");
   --icon-svg-bar: url("data:image/svg+xml;utf8,%3Csvg id='icon-bar' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E %3Cpath fill='currentColor' d='M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-below: url("data:image/svg+xml;utf8,%3Csvg id='icon-below' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z' %3E%3C/path%3E %3C/svg%3E");
   --icon-svg-bicycle: url("data:image/svg+xml;utf8,%3Csvg id='icon-bicycle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z'/%3E%3Cpath fill='currentColor' d='M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z'/%3E%3Cpath fill='currentColor' d='m373.376 599.808-42.752-47.616 320-288 42.752 47.616z'/%3E%3C/svg%3E");
+  --icon-svg-bottom-left: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-left' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 768h416a32 32 0 1 1 0 64H224a32 32 0 0 1-32-32V352a32 32 0 0 1 64 0v416z'/%3E%3Cpath fill='currentColor' d='M246.656 822.656a32 32 0 0 1-45.312-45.312l544-544a32 32 0 0 1 45.312 45.312l-544 544z'/%3E%3C/svg%3E");
+  --icon-svg-clear: url("data:image/svg+xml;utf8,%3Csvg id='icon-clear' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-bottom-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z'/%3E%3Cpath fill='currentColor' d='M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z'/%3E%3C/svg%3E");
   --icon-svg-bottom: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z'/%3E%3C/svg%3E");
   --icon-svg-close: url("data:image/svg+xml;utf8,%3Csvg id='icon-close' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z' %3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-bottom-left: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-left' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 768h416a32 32 0 1 1 0 64H224a32 32 0 0 1-32-32V352a32 32 0 0 1 64 0v416z'/%3E%3Cpath fill='currentColor' d='M246.656 822.656a32 32 0 0 1-45.312-45.312l544-544a32 32 0 0 1 45.312 45.312l-544 544z'/%3E%3C/svg%3E");
-  --icon-svg-edit: url("data:image/svg+xml;utf8,%3Csvg id='icon-edit' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z' %3E%3C/path%3E %3C/svg%3E");
   --icon-svg-frame: url("data:image/svg+xml;utf8,%3Csvg id='icon-frame'viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M782 912.00000031h-540C170 912.00000031 111.99999969 854 111.99999969 782v-540C111.99999969 170 170 111.99999969 242 111.99999969h538.00000031c72 0 130.00000031 58.00000031 129.99999938 130.00000031v538.00000031c1.99999969 73.99999969-55.99999969 132-127.99999969 132z m-540-740.00000062C204.00000031 171.99999969 171.99999969 204.00000031 171.99999969 242v538.00000031c0 37.99999969 31.99999969 70.00000031 70.00000031 69.99999938h538.00000031c37.99999969 0 70.00000031-31.99999969 69.99999938-69.99999938V242C852.00000031 204.00000031 819.99999969 171.99999969 782 171.99999969h-540z'%3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-edit: url("data:image/svg+xml;utf8,%3Csvg id='icon-edit' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z' %3E%3C/path%3E %3C/svg%3E");
   --icon-svg-left: url("data:image/svg+xml;utf8,%3Csvg id='icon-left' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
   --icon-svg-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E %3Cpath fill='currentColor' d='M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-clear: url("data:image/svg+xml;utf8,%3Csvg id='icon-clear' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z' %3E%3C/path%3E %3C/svg%3E");
   --icon-svg-star: url("data:image/svg+xml;utf8,%3Csvg id='icon-star'viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M213.875 956.375c-78.75 0-146.25-61.875-146.25-146.25V450.125c0-78.75 61.875-146.25 146.25-146.25h365.62500001c78.75 0 146.25 61.875 146.24999999 146.25v365.625c0 78.75-61.875 146.25-146.25000001 146.25l-365.62499999-5.625z m0-579.375c-45 0-78.75 33.75-78.75 78.75v365.625c0 45 33.75 78.75 78.75 78.75h365.62500001c45 0 78.75-33.75 78.74999999-78.75V450.125c0-45-33.75-78.75-78.74999999-78.75H213.875z' p-id='1087'%3E%3C/path%3E%3Cpath d='M810.125 78.875H444.49999999C360.125 78.875 298.25 146.375 298.25 225.125v22.5h61.875v-22.5c0-45 33.75-78.75 78.75-78.75h360c45 0 78.75 33.75 78.75 78.75v360c0 45-33.75 78.75-78.75 78.75h-33.75V737h45c84.375 0 146.25-67.50000001 146.25-146.25V225.125c0-84.375-67.50000001-146.25-146.25-146.25z' p-id='1088'%3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-bottom-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z'/%3E%3Cpath fill='currentColor' d='M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z'/%3E%3C/svg%3E");
 }
-.icon-below  {
+.icon-bar  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-below) no-repeat;
-  mask: var(--icon-svg-below) no-repeat;
+  -webkit-mask: var(--icon-svg-bar) no-repeat;
+  mask: var(--icon-svg-bar) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bar  {
+.icon-below  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-bar) no-repeat;
-  mask: var(--icon-svg-bar) no-repeat;
+  -webkit-mask: var(--icon-svg-below) no-repeat;
+  mask: var(--icon-svg-below) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
@@ -43,42 +43,52 @@
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bottom  {
+.icon-bottom-left  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-bottom) no-repeat;
-  mask: var(--icon-svg-bottom) no-repeat;
+  -webkit-mask: var(--icon-svg-bottom-left) no-repeat;
+  mask: var(--icon-svg-bottom-left) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-close  {
+.icon-clear  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-close) no-repeat;
-  mask: var(--icon-svg-close) no-repeat;
+  -webkit-mask: var(--icon-svg-clear) no-repeat;
+  mask: var(--icon-svg-clear) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bottom-left  {
+.icon-bottom-right  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-bottom-left) no-repeat;
-  mask: var(--icon-svg-bottom-left) no-repeat;
+  -webkit-mask: var(--icon-svg-bottom-right) no-repeat;
+  mask: var(--icon-svg-bottom-right) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-edit  {
+.icon-bottom  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-edit) no-repeat;
-  mask: var(--icon-svg-edit) no-repeat;
+  -webkit-mask: var(--icon-svg-bottom) no-repeat;
+  mask: var(--icon-svg-bottom) no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  color: inherit;
+}
+.icon-close  {
+  height: 1em;
+  width: 1em;
+  background-color: currentColor;
+  -webkit-mask: var(--icon-svg-close) no-repeat;
+  mask: var(--icon-svg-close) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
@@ -90,32 +100,32 @@
   background-size: 100% 100%;
   background-color: transparent;
 }
-.icon-left  {
+.icon-edit  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-left) no-repeat;
-  mask: var(--icon-svg-left) no-repeat;
+  -webkit-mask: var(--icon-svg-edit) no-repeat;
+  mask: var(--icon-svg-edit) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-right  {
+.icon-left  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-right) no-repeat;
-  mask: var(--icon-svg-right) no-repeat;
+  -webkit-mask: var(--icon-svg-left) no-repeat;
+  mask: var(--icon-svg-left) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-clear  {
+.icon-right  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-clear) no-repeat;
-  mask: var(--icon-svg-clear) no-repeat;
+  -webkit-mask: var(--icon-svg-right) no-repeat;
+  mask: var(--icon-svg-right) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
@@ -126,14 +136,4 @@
   background: var(--icon-svg-star) no-repeat;
   background-size: 100% 100%;
   background-color: transparent;
-}
-.icon-bottom-right  {
-  height: 1em;
-  width: 1em;
-  background-color: currentColor;
-  -webkit-mask: var(--icon-svg-bottom-right) no-repeat;
-  mask: var(--icon-svg-bottom-right) no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-  color: inherit;
 }

package/dist/icons/index.json

@@ -1,28 +1,28 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1760679536913,
+    "lastModified": 1760689150710,
     "icons": {
-        "below": {
-            "body": " <path fill=\"currentColor\" d=\"M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z\" ></path> "
+        "bar": {
+            "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "
         },
         "bicycle": {
             "body": "<path fill=\"currentColor\" d=\"M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z\"/><path fill=\"currentColor\" d=\"M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z\"/><path fill=\"currentColor\" d=\"M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z\"/><path fill=\"currentColor\" d=\"M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z\"/><path fill=\"currentColor\" d=\"m373.376 599.808-42.752-47.616 320-288 42.752 47.616z\"/>"
         },
-        "close": {
-            "body": " <path fill=\"currentColor\" d=\"M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z\" ></path> "
+        "clear": {
+            "body": " <path fill=\"currentColor\" d=\"m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z\" ></path> <path fill=\"currentColor\" d=\"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z\" ></path> "
+        },
+        "bottom": {
+            "body": "<path fill=\"currentColor\" d=\"M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z\"/>"
         },
-        "edit": {
-            "body": " <path fill=\"currentColor\" d=\"M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z\" ></path> <path fill=\"currentColor\" d=\"m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z\" ></path> "
+        "frame": {
+            "body": "<path d=\"M782 912.00000031h-540C170 912.00000031 111.99999969 854 111.99999969 782v-540C111.99999969 170 170 111.99999969 242 111.99999969h538.00000031c72 0 130.00000031 58.00000031 129.99999938 130.00000031v538.00000031c1.99999969 73.99999969-55.99999969 132-127.99999969 132z m-540-740.00000062C204.00000031 171.99999969 171.99999969 204.00000031 171.99999969 242v538.00000031c0 37.99999969 31.99999969 70.00000031 70.00000031 69.99999938h538.00000031c37.99999969 0 70.00000031-31.99999969 69.99999938-69.99999938V242C852.00000031 204.00000031 819.99999969 171.99999969 782 171.99999969h-540z\"></path> "
         },
         "left": {
             "body": " <path fill=\"currentColor\" d=\"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z\" ></path> "
         },
-        "clear": {
-            "body": " <path fill=\"currentColor\" d=\"m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z\" ></path> <path fill=\"currentColor\" d=\"M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z\" ></path> "
-        },
-        "bottom-right": {
-            "body": "<path fill=\"currentColor\" d=\"M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z\"/><path fill=\"currentColor\" d=\"M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z\"/>"
+        "star": {
+            "body": "<path d=\"M213.875 956.375c-78.75 0-146.25-61.875-146.25-146.25V450.125c0-78.75 61.875-146.25 146.25-146.25h365.62500001c78.75 0 146.25 61.875 146.24999999 146.25v365.625c0 78.75-61.875 146.25-146.25000001 146.25l-365.62499999-5.625z m0-579.375c-45 0-78.75 33.75-78.75 78.75v365.625c0 45 33.75 78.75 78.75 78.75h365.62500001c45 0 78.75-33.75 78.74999999-78.75V450.125c0-45-33.75-78.75-78.74999999-78.75H213.875z\" p-id=\"1087\"></path><path d=\"M810.125 78.875H444.49999999C360.125 78.875 298.25 146.375 298.25 225.125v22.5h61.875v-22.5c0-45 33.75-78.75 78.75-78.75h360c45 0 78.75 33.75 78.75 78.75v360c0 45-33.75 78.75-78.75 78.75h-33.75V737h45c84.375 0 146.25-67.50000001 146.25-146.25V225.125c0-84.375-67.50000001-146.25-146.25-146.25z\" p-id=\"1088\"></path> "
         }
     },
     "aliases": {},