@fangzhongya/fang-ui 0.0.64 → 0.0.66

package/dist/components/role-select/src/index2.cjs

@@ -3,10 +3,10 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 require("../../../hooks/index.cjs");
-const elementPlus = require("element-plus");
+const index$5 = require("element-plus/es/components/table/index");
 const index$3 = require("../../input/index.cjs");
 const index$4 = require("../../checkbox-group/index.cjs");
-const index$5 = require("../../checkbox/index.cjs");
+const index$6 = require("../../checkbox/index.cjs");
 const index$2 = require("../../select-dialog/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
@@ -158,27 +158,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => list.value = $event)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(elementPlus.ElTable), {
+                      vue.createVNode(vue.unref(index$5.ElTable), {
                         data: listData.value,
                         height: "100%",
                         style: { "width": "100%" }
                       }, {
                         default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(elementPlus.ElTableColumn), {
+                          vue.createVNode(vue.unref(index$5.ElTableColumn), {
                             type: "index",
                             label: "序号",
                             width: "60"
                           }),
-                          vue.createVNode(vue.unref(elementPlus.ElTableColumn), {
+                          vue.createVNode(vue.unref(index$5.ElTableColumn), {
                             prop: psprops.value.label,
                             label: "角色名称"
                           }, null, 8, ["prop"]),
-                          vue.createVNode(vue.unref(elementPlus.ElTableColumn), {
+                          vue.createVNode(vue.unref(index$5.ElTableColumn), {
                             width: "60",
                             label: "选择"
                           }, {
                             default: vue.withCtx(({ row }) => [
-                              vue.createVNode(vue.unref(index$5.Checkbox), {
+                              vue.createVNode(vue.unref(index$6.Checkbox), {
                                 onChange: () => {
                                   onChange(row);
                                 },

package/dist/components/role-select/src/index2.js

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, withKeys, createTextVNode, toDisplayString, renderSlot } from "vue";
 import { roleSelect, dataExpose, dataEmits, dataProps } from "./data.js";
 import "../../../hooks/index.js";
-import { ElTable, ElTableColumn } from "element-plus";
+import { ElTable, ElTableColumn } from "element-plus/es/components/table/index";
 import { Input } from "../../input/index.js";
 import { CheckboxGroup } from "../../checkbox-group/index.js";
 import { Checkbox } from "../../checkbox/index.js";

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

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const elementPlus = require("element-plus");
+const index$2 = require("../../popover/index.cjs");
+const index$4 = require("../../button/index.cjs");
+const index$5 = require("../../array/index.cjs");
+const index$6 = require("../../inputs/index.cjs");
+const index$3 = require("../../select-scroll/index.cjs");
 const use = require("../../common/use.cjs");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
-const index$2 = require("../../select-scroll/index.cjs");
-const index$3 = require("../../array/index.cjs");
-const index$4 = require("../../inputs/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
@@ -113,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPopover), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.Popover), {
         onAfterEnter: afterEnter,
         placement: "bottom",
         "popper-class": vue.unref(cs).z("popper"),
@@ -123,7 +124,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         visible: data$1.timeShow
       }, {
         reference: vue.withCtx(() => [
-          vue.createVNode(vue.unref(index$3.Array), {
+          vue.createVNode(vue.unref(index$5.Array), {
             rangeSeparator: props.rangeSeparator,
             startPlaceholder: props.startPlaceholder,
             endPlaceholder: props.endPlaceholder,
@@ -132,7 +133,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             modelValue: [data$1.sname, data$1.ename],
             onFocus: _cache[0] || (_cache[0] = ($event) => data$1.timeShow = true),
             onClear: onCancel,
-            compon: vue.unref(index$4.Inputs)
+            compon: vue.unref(index$6.Inputs)
           }, null, 8, ["rangeSeparator", "startPlaceholder", "endPlaceholder", "clearable", "modelValue", "compon"])
         ]),
         default: vue.withCtx(() => [
@@ -148,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(vue.unref(cs).z("select-list-title"))
                 }, vue.toDisplayString(props.startPlaceholder), 3),
-                vue.createVNode(vue.unref(index$2.SelectScroll), {
+                vue.createVNode(vue.unref(index$3.SelectScroll), {
                   modelValue: zindex.value,
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => zindex.value = $event),
                   max: yindex.value,
@@ -162,7 +163,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(vue.unref(cs).z("select-list-title"))
                 }, vue.toDisplayString(props.endPlaceholder), 3),
-                vue.createVNode(vue.unref(index$2.SelectScroll), {
+                vue.createVNode(vue.unref(index$3.SelectScroll), {
                   min: zindex.value,
                   modelValue: yindex.value,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => yindex.value = $event),
@@ -174,7 +175,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", {
               class: vue.normalizeClass(vue.unref(cs).z("select-buts"))
             }, [
-              vue.createVNode(vue.unref(elementPlus.ElButton), {
+              vue.createVNode(vue.unref(index$4.Button), {
                 text: "",
                 onClick: vue.withModifiers(onCancel, ["stop"])
               }, {
@@ -183,7 +184,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ]),
                 _: 1
               }),
-              vue.createVNode(vue.unref(elementPlus.ElButton), {
+              vue.createVNode(vue.unref(index$4.Button), {
                 type: "primary",
                 onClick: vue.withModifiers(onDetermine, ["stop"])
               }, {

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

@@ -1,11 +1,12 @@
 import { defineComponent, reactive, ref, watch, createBlock, openBlock, unref, withCtx, createElementVNode, normalizeClass, createVNode, toDisplayString, withModifiers, createTextVNode } from "vue";
-import { ElPopover, ElButton } from "element-plus";
+import { Popover } from "../../popover/index.js";
+import { Button } from "../../button/index.js";
+import { Array } from "../../array/index.js";
+import { Inputs } from "../../inputs/index.js";
+import { SelectScroll } from "../../select-scroll/index.js";
 import { useVueValue } from "../../common/use.js";
 import { dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import { SelectScroll } from "../../select-scroll/index.js";
-import { Array } from "../../array/index.js";
-import { Inputs } from "../../inputs/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -111,7 +112,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ...dataExpose
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElPopover), {
+      return openBlock(), createBlock(unref(Popover), {
         onAfterEnter: afterEnter,
         placement: "bottom",
         "popper-class": unref(cs).z("popper"),
@@ -172,7 +173,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               class: normalizeClass(unref(cs).z("select-buts"))
             }, [
-              createVNode(unref(ElButton), {
+              createVNode(unref(Button), {
                 text: "",
                 onClick: withModifiers(onCancel, ["stop"])
               }, {
@@ -181,7 +182,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
-              createVNode(unref(ElButton), {
+              createVNode(unref(Button), {
                 type: "primary",
                 onClick: withModifiers(onDetermine, ["stop"])
               }, {

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/components/tablesv/src/column.cjs

@@ -2,14 +2,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const use = require("../../common/use.cjs");
-const index = require("../../../hooks/inherit/index.cjs");
+const index$2 = require("../../../hooks/inherit/index.cjs");
 const compons = require("../../common/compons.cjs");
 const util = require("../../tables/common/util.cjs");
 require("../../../utils/index.cjs");
 const column = require("vxe-table/es/column");
-const elementPlus = require("element-plus");
+const index = require("element-plus/es/components/radio/index");
+const index$1 = require("element-plus/es/components/checkbox/index");
 const lineToSmallHump = require("@fangzhongya/utils/name/lineToSmallHump");
-function setBox(props, obj, emit, propss, slots, index2) {
+function setBox(props, obj, emit, propss, slots, index$22) {
   if (props.type == "radio") {
     return vue.h(
       column.VxeColumn,
@@ -30,7 +31,7 @@ function setBox(props, obj, emit, propss, slots, index2) {
             },
             [
               vue.h(
-                elementPlus.ElRadio,
+                index.ElRadio,
                 {
                   modelValue: scope.checked,
                   value: true,
@@ -71,7 +72,7 @@ function setBox(props, obj, emit, propss, slots, index2) {
             },
             [
               vue.h(
-                elementPlus.ElCheckbox,
+                index$1.ElCheckbox,
                 {
                   indeterminate: scope.indeterminate,
                   modelValue: scope.checked
@@ -94,7 +95,7 @@ function setBox(props, obj, emit, propss, slots, index2) {
               }
             },
             [
-              vue.h(elementPlus.ElCheckbox, {
+              vue.h(index$1.ElCheckbox, {
                 indeterminate: scope.indeterminate,
                 modelValue: scope.checked,
                 disabled: scope.disabled
@@ -115,8 +116,8 @@ function setProps(obj, props) {
   const vxeconfig = props.vxeconfig;
   const robj = {};
   robj["header-align"] = table["align"];
-  robj["align"] = index.useAttrValue(obj, "headerAlign") || table["align"];
-  const tooltip = index.useAttrValue(table, "showOverflowTooltip");
+  robj["align"] = index$2.useAttrValue(obj, "headerAlign") || table["align"];
+  const tooltip = index$2.useAttrValue(table, "showOverflowTooltip");
   if (tooltip === "" || tooltip === true) {
     robj["show-overflow"] = "tooltip";
   }

package/dist/components/tablesv/src/column.js

@@ -5,7 +5,8 @@ import { getCompons } from "../../common/compons.js";
 import { setMinWidth } from "../../tables/common/util.js";
 import "../../../utils/index.js";
 import { VxeColumn } from "vxe-table/es/column";
-import { ElRadio, ElCheckbox } from "element-plus";
+import { ElRadio } from "element-plus/es/components/radio/index";
+import { ElCheckbox } from "element-plus/es/components/checkbox/index";
 import { lineToSmallHump } from "@fangzhongya/utils/name/lineToSmallHump";
 function setBox(props, obj, emit, propss, slots, index) {
   if (props.type == "radio") {

package/dist/components/tablesv/src/columns2.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const columns = require("./columns3.cjs");
-const elementPlus = require("element-plus");
+const index = require("element-plus/components/tooltip/index");
 require("../../tables/common/table-but.cjs");
 require("../../tables/common/table-color.cjs");
 require("../../tables/common/table-list.cjs");
@@ -11,7 +11,7 @@ const tableColor_vue_vue_type_script_setup_true_lang = require("../../tables/com
 const tableBut_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-but2.cjs");
 const _sfc_main = vue.defineComponent({
   emits: ["list-events"],
-  components: { VxeTooltip: elementPlus.ElTooltip, But: tableBut_vue_vue_type_script_setup_true_lang.default, Color: tableColor_vue_vue_type_script_setup_true_lang.default, List: tableList_vue_vue_type_script_setup_true_lang.default },
+  components: { VxeTooltip: index.ElTooltip, But: tableBut_vue_vue_type_script_setup_true_lang.default, Color: tableColor_vue_vue_type_script_setup_true_lang.default, List: tableList_vue_vue_type_script_setup_true_lang.default },
   expose: [],
   props: {
     list: Array,

package/dist/components/tablesv/src/columns2.js

@@ -1,6 +1,6 @@
 import { defineComponent } from "vue";
 import { render } from "./columns3.js";
-import { ElTooltip } from "element-plus";
+import { ElTooltip } from "element-plus/components/tooltip/index";
 import "../../tables/common/table-but.js";
 import "../../tables/common/table-color.js";
 import "../../tables/common/table-list.js";

package/dist/css/index.css

@@ -946,7 +946,7 @@
 }
 
 .input-history {
-  display: inline-block;
+  display: flex;
 }
 .input-history-popper {
   padding: 6px 0 !important;

package/dist/css/input-history.css

@@ -13,7 +13,7 @@
 }
 
 .input-history {
-  display: inline-block;
+  display: flex;
 }
 .input-history-popper {
   padding: 6px 0 !important;

package/dist/css/page/set-column.css

@@ -1,29 +1,29 @@
-.set-column-dialog-main[data-v-f43f186a] {
+.set-column-dialog-main[data-v-ad509651] {
   font-size: 16px;
   display: flex;
 }
-.set-column-dialog-main .set-column-check[data-v-f43f186a] {
+.set-column-dialog-main .set-column-check[data-v-ad509651] {
   flex: 1;
 }
-.set-column-dialog-main .set-column-check .set-column-check-list[data-v-f43f186a] {
+.set-column-dialog-main .set-column-check .set-column-check-list[data-v-ad509651] {
   padding: 10px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   overflow-y: auto;
 }
-.set-column-dialog-main .set-column-check .set-column-check-list .set-column-check-list-li[data-v-f43f186a] {
+.set-column-dialog-main .set-column-check .set-column-check-list .set-column-check-list-li[data-v-ad509651] {
   width: 130px;
 }
-.set-column-dialog-main .set-column-already[data-v-f43f186a] {
+.set-column-dialog-main .set-column-already[data-v-ad509651] {
   border-left: 1px solid #999;
   padding-left: 20px;
   width: 260px;
 }
-.set-column-dialog-main .set-column-already .set-column-already-list[data-v-f43f186a] {
+.set-column-dialog-main .set-column-already .set-column-already-list[data-v-ad509651] {
   padding: 10px 10px 10px 0;
 }
-.set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li[data-v-f43f186a] {
+.set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li[data-v-ad509651] {
   height: 40px;
   line-height: 40px;
   border-bottom: 1px solid #ccc;
@@ -31,7 +31,7 @@
   align-items: center;
   justify-content: space-between;
 }
-.set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li .set-column-already-li-v[data-v-f43f186a] {
+.set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li .set-column-already-li-v[data-v-ad509651] {
   display: flex;
   flex: 1;
   align-items: center;

package/dist/icons/index.css

@@ -1,27 +1,17 @@
 :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-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-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-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-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-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-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  {
-  height: 1em;
-  width: 1em;
-  background-color: currentColor;
-  -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-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-below  {
   height: 1em;
@@ -33,12 +23,12 @@
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bicycle  {
+.icon-bar  {
   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-bar) no-repeat;
+  mask: var(--icon-svg-bar) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
@@ -53,22 +43,12 @@
   mask-size: 100% 100%;
   color: inherit;
 }
-.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;
-}
-.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;
@@ -103,6 +83,16 @@
   mask-size: 100% 100%;
   color: inherit;
 }
+.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;
+}
 .icon-frame  {
   height: 1em;
   width: 1em;
@@ -136,4 +126,14 @@
   background: var(--icon-svg-star) no-repeat;
   background-size: 100% 100%;
   background-color: transparent;
+}
+.icon-clear  {
+  height: 1em;
+  width: 1em;
+  background-color: currentColor;
+  -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;
 }

package/dist/icons/index.json

@@ -1,16 +1,13 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1760508974509,
+    "lastModified": 1760581075287,
     "icons": {
-        "bar": {
-            "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "
+        "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> "
         },
-        "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\"/>"
-        },
-        "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\"/>"
+        "bottom-left": {
+            "body": "<path fill=\"currentColor\" d=\"M256 768h416a32 32 0 1 1 0 64H224a32 32 0 0 1-32-32V352a32 32 0 0 1 64 0v416z\"/><path 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\"/>"
         },
         "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,11 +15,14 @@
         "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> "
+        "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> "
+        },
+        "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> "
+        "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> "
         }
     },
     "aliases": {},

package/dist/index.css

@@ -946,7 +946,7 @@
 }
 
 .input-history {
-  display: inline-block;
+  display: flex;
 }
 .input-history-popper {
   padding: 6px 0 !important;