@fangzhongya/fang-ui 0.0.64 → 0.0.65

package/dist/components/common/list.cjs

@@ -152,7 +152,7 @@ function comHandle(props2, emit, config) {
         };
         setMultipleValue = (v) => {
           let arr = [];
-          if (v) {
+          if (v && typeof v === "string") {
             arr = v.split(props2.multiple);
           }
           return arr;
@@ -199,6 +199,9 @@ function comHandle(props2, emit, config) {
     }
   }
   return {
+    setMultipleValue,
+    getMultipleValue,
+    getValueObjs,
     value,
     multiple: selectMultiple
   };

package/dist/components/common/list.d.ts

@@ -72,6 +72,9 @@ type HandleConfig = {
     getValue: <T>(v: T) => T;
 };
 export declare function comHandle(props: any, emit: any, config?: HandleConfig): {
+    setMultipleValue: (v: any) => any;
+    getMultipleValue: (v: any) => any;
+    getValueObjs: (v: any) => any;
     value: WritableComputedRef<any, any>;
     multiple: Ref<boolean, boolean>;
 };

package/dist/components/common/list.js

@@ -150,7 +150,7 @@ function comHandle(props2, emit, config) {
         };
         setMultipleValue = (v) => {
           let arr = [];
-          if (v) {
+          if (v && typeof v === "string") {
             arr = v.split(props2.multiple);
           }
           return arr;
@@ -197,6 +197,9 @@ function comHandle(props2, emit, config) {
     }
   }
   return {
+    setMultipleValue,
+    getMultipleValue,
+    getValueObjs,
     value,
     multiple: selectMultiple
   };

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

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const list = require("../../common/list.cjs");
+const data = require("../../checks/src/data.cjs");
 const dataProps = {
-  ...list.props,
+  ...data.dataProps,
   nowhole: {
     type: Boolean
   },
@@ -10,13 +11,16 @@ const dataProps = {
     type: String,
     default: "全部"
   },
+  select: {
+    type: Boolean
+  },
   compact: {
     type: Boolean,
     default: true
   }
 };
 const dataHandle = list.comHandle;
-const dataEmits = [...list.emits];
+const dataEmits = [...data.dataEmits];
 exports.dataEmits = dataEmits;
 exports.dataHandle = dataHandle;
 exports.dataProps = dataProps;

package/dist/components/labels/src/data.d.ts

@@ -8,10 +8,16 @@ export declare const dataProps: {
         type: StringConstructor;
         default: string;
     };
+    select: {
+        type: BooleanConstructor;
+    };
     compact: {
         type: BooleanConstructor;
         default: boolean;
     };
+    but: {
+        type: BooleanConstructor;
+    };
     options: {
         type: {
             (arrayLength: number): ObjAny[];

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

@@ -1,6 +1,7 @@
-import { props, comHandle, emits } from "../../common/list.js";
+import { comHandle } from "../../common/list.js";
+import { dataProps as dataProps$1, dataEmits as dataEmits$1 } from "../../checks/src/data.js";
 const dataProps = {
-  ...props,
+  ...dataProps$1,
   nowhole: {
     type: Boolean
   },
@@ -8,13 +9,16 @@ const dataProps = {
     type: String,
     default: "全部"
   },
+  select: {
+    type: Boolean
+  },
   compact: {
     type: Boolean,
     default: true
   }
 };
 const dataHandle = comHandle;
-const dataEmits = [...emits];
+const dataEmits = [...dataEmits$1];
 export {
   dataEmits,
   dataHandle,

package/dist/components/labels/src/index2.cjs

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$1 = require("../../checks/index.cjs");
+const index$2 = require("../../checks/index.cjs");
+const index$1 = require("../../selects/index.cjs");
 const use = require("../../common/use.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const data = require("./data.cjs");
@@ -15,6 +16,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index.useCssName("labels");
     const props = __props;
     const emit = __emit;
+    const comps = vue.computed(() => {
+      if (props.select) {
+        return index$1.Selects;
+      } else {
+        return index$2.Checks;
+      }
+    });
     const listFuObj = data.dataHandle(props, emit);
     const value = listFuObj.value;
     const multiple = listFuObj.multiple;
@@ -46,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     const valueMultiple = vue.computed({
       get() {
-        if (value.value) {
+        if (value.value !== void 0) {
           if (value.value.length === props.options.filter((item) => !item.disabled).length) {
             return [...value.value, wholeValue];
           } else {
@@ -90,13 +98,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(cs).is("compact", props.compact)])
       }, [
-        vue.unref(multiple) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.Checks), vue.mergeProps({ key: 0 }, props, {
+        vue.unref(multiple) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(comps.value), vue.mergeProps({ key: 0 }, props, {
           class: [vue.unref(cs).z("whole")],
           options: options.value,
           modelValue: valueMultiple.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueMultiple.value = $event),
+          multiple: vue.unref(multiple),
           onClickMultiple: onClickWholes
-        }), null, 16, ["class", "options", "modelValue"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.Checks), vue.mergeProps({ key: 1 }, props, {
+        }), null, 16, ["class", "options", "modelValue", "multiple"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(comps.value), vue.mergeProps({ key: 1 }, props, {
           options: options.value,
           modelValue: vue.unref(value),
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(value) ? value.value = $event : null)

package/dist/components/labels/src/index2.js

@@ -1,5 +1,6 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, mergeProps, isRef } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createBlock, resolveDynamicComponent, mergeProps, isRef } from "vue";
 import { Checks } from "../../checks/index.js";
+import { Selects } from "../../selects/index.js";
 import { useVueValue } from "../../common/use.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { dataHandle, dataEmits, dataProps } from "./data.js";
@@ -13,6 +14,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName("labels");
     const props = __props;
     const emit = __emit;
+    const comps = computed(() => {
+      if (props.select) {
+        return Selects;
+      } else {
+        return Checks;
+      }
+    });
     const listFuObj = dataHandle(props, emit);
     const value = listFuObj.value;
     const multiple = listFuObj.multiple;
@@ -44,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const valueMultiple = computed({
       get() {
-        if (value.value) {
+        if (value.value !== void 0) {
           if (value.value.length === props.options.filter((item) => !item.disabled).length) {
             return [...value.value, wholeValue];
           } else {
@@ -88,13 +96,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([unref(cs).z(), unref(cs).is("compact", props.compact)])
       }, [
-        unref(multiple) ? (openBlock(), createBlock(unref(Checks), mergeProps({ key: 0 }, props, {
+        unref(multiple) ? (openBlock(), createBlock(resolveDynamicComponent(comps.value), mergeProps({ key: 0 }, props, {
           class: [unref(cs).z("whole")],
           options: options.value,
           modelValue: valueMultiple.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueMultiple.value = $event),
+          multiple: unref(multiple),
           onClickMultiple: onClickWholes
-        }), null, 16, ["class", "options", "modelValue"])) : (openBlock(), createBlock(unref(Checks), mergeProps({ key: 1 }, props, {
+        }), null, 16, ["class", "options", "modelValue", "multiple"])) : (openBlock(), createBlock(resolveDynamicComponent(comps.value), mergeProps({ key: 1 }, props, {
           options: options.value,
           modelValue: unref(value),
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(value) ? value.value = $event : null)

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

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const index$3 = require("../../../directives/expose/index.cjs");
 const index$2 = require("element-plus/es/components/select/index");
+const compareArray = require("@fangzhongya/utils/basic/array/compareArray");
 const index = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
@@ -28,6 +29,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const listFuObj = data.dataHandle(props, emit);
     const value = listFuObj.value;
     const multiple = listFuObj.multiple;
+    const onClickMultiple = (value2, is) => {
+      emit("click-multiple", listFuObj.getValueObjs(value2)[0], is);
+    };
+    const onChange = (v) => {
+      if (multiple.value) {
+        const obj = compareArray.compareArray(value.value || [], v || []);
+        let is = obj.after.length == 0;
+        onClickMultiple(obj.value[0], is);
+      }
+    };
+    const onRemoveTag = (value2) => {
+      onClickMultiple(value2, true);
+    };
     __expose({
       el: refEl
     });
@@ -44,7 +58,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(value) ? value.value = $event : null)
         }, vue.unref(attrs).assem, {
           multiple: vue.unref(multiple),
-          placeholder: placeholder.value
+          placeholder: placeholder.value,
+          onChange,
+          onRemoveTag
         }), {
           default: vue.withCtx(() => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.options, (item) => {

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

@@ -1,6 +1,7 @@
 import { defineComponent, ref, useAttrs, computed, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, isRef, withCtx, Fragment, renderList } from "vue";
 import vExpose from "../../../directives/expose/index.js";
 import { ElSelect, ElOption } from "element-plus/es/components/select/index";
+import { compareArray } from "@fangzhongya/utils/basic/array/compareArray";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { useVueValue } from "../../common/use.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
@@ -26,6 +27,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const listFuObj = dataHandle(props, emit);
     const value = listFuObj.value;
     const multiple = listFuObj.multiple;
+    const onClickMultiple = (value2, is) => {
+      emit("click-multiple", listFuObj.getValueObjs(value2)[0], is);
+    };
+    const onChange = (v) => {
+      if (multiple.value) {
+        const obj = compareArray(value.value || [], v || []);
+        let is = obj.after.length == 0;
+        onClickMultiple(obj.value[0], is);
+      }
+    };
+    const onRemoveTag = (value2) => {
+      onClickMultiple(value2, true);
+    };
     __expose({
       el: refEl
     });
@@ -42,7 +56,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null)
         }, unref(attrs).assem, {
           multiple: unref(multiple),
-          placeholder: placeholder.value
+          placeholder: placeholder.value,
+          onChange,
+          onRemoveTag
         }), {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item) => {

package/dist/icons/index.css

@@ -1,16 +1,16 @@
 :root {
   --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-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-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-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-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: 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-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-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-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-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-bar  {
@@ -23,52 +23,52 @@
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-below  {
+.icon-bottom-left  {
   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-bottom-left) no-repeat;
+  mask: var(--icon-svg-bottom-left) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bicycle  {
+.icon-below  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-bicycle) no-repeat;
-  mask: var(--icon-svg-bicycle) 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;
 }
-.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-bottom-right  {
+.icon-clear  {
   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: 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-clear  {
+.icon-bicycle  {
   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-bicycle) no-repeat;
+  mask: var(--icon-svg-bicycle) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
@@ -110,22 +110,22 @@
   background-size: 100% 100%;
   background-color: transparent;
 }
-.icon-left  {
+.icon-right  {
   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-right) no-repeat;
+  mask: var(--icon-svg-right) 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;

package/dist/icons/index.json

@@ -1,16 +1,16 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1760508974509,
+    "lastModified": 1760515681778,
     "icons": {
         "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\"/>"
+        "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> "
         },
-        "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\"/>"
+        "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\"/>"
@@ -18,8 +18,8 @@
         "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> "
         },
-        "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> "
+        "right": {
+            "body": " <path 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\" ></path> "
         },
         "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> "

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.0.64",
+  "version": "0.0.65",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -24,7 +24,7 @@
     "fangui": "bin/fang-ui.js"
   },
   "dependencies": {
-    "@fangzhongya/utils": "0.0.33"
+    "@fangzhongya/utils": "0.0.35"
   },
   "devDependencies": {
     "@fangzhongya/create": "0.2.34",
@@ -50,10 +50,10 @@
     "vuedraggable": "4.1.0",
     "vxe-table": "4.16.21",
     "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/icons": "0.0.1-0",
-    "@fang-ui/theme": "0.0.1-0",
     "@fang-ui/locale": "0.0.1-0",
     "@fang-ui/hooks": "0.0.1-0",
+    "@fang-ui/theme": "0.0.1-0",
+    "@fang-ui/icons": "0.0.1-0",
     "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/utils": "0.0.1-0",
     "@fang-ui/types": "0.0.1-0"