@fangzhongya/fang-ui 0.0.37 → 0.0.39

package/dist/components/input-array/src/index2.js

@@ -1,4 +1,213 @@
-import _sfc_main from "./index.js";
+import { defineComponent, ref, computed, watch, createElementBlock, openBlock, withModifiers, normalizeClass, unref, renderSlot, createBlock, createElementVNode, createCommentVNode, toDisplayString, withCtx, createVNode } from "vue";
+import { Icon } from "../../icon/index.js";
+import Clear from "../../../icons/vue/clear.js";
+import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { ElInputNumber } from "element-plus/es/components/input-number/index";
+import { ElInput } from "element-plus/es/components/input/index";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName("input-array");
+    const props = __props;
+    const emit = __emit;
+    const refInput = ref();
+    const isfocus = ref(false);
+    const start = ref("");
+    const end = ref("");
+    if (props.isNumber) {
+      start.value = 0;
+      end.value = 0;
+    } else {
+      start.value = "";
+      end.value = "";
+    }
+    const emove = ref(false);
+    const isclear = computed(() => {
+      if (props.clearable) {
+        if (start.value || end.value) {
+          if (emove.value || isfocus.value) {
+            return true;
+          }
+        }
+      }
+      return false;
+    });
+    watch(
+      () => props.modelValue,
+      () => {
+        let v = props.modelValue || [];
+        if (typeof v == "string" && props.multiple) {
+          v = v.split(props.multiple);
+        }
+        const value = v;
+        const s = value[0] || "";
+        const e = value[1] || "";
+        if (s !== start.value) {
+          if (props.isNumber) {
+            start.value = Number(s);
+          } else {
+            start.value = s;
+          }
+        }
+        if (e !== end.value) {
+          if (props.isNumber) {
+            end.value = Number(e);
+          } else {
+            end.value = e;
+          }
+        }
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    watch(
+      () => isfocus.value,
+      () => {
+        if (isfocus.value) {
+          emit("focus");
+        } else {
+          emit("blur");
+        }
+      }
+    );
+    function onMouseenter() {
+      emove.value = true;
+    }
+    function onMouseleave() {
+      emove.value = false;
+    }
+    function omInput() {
+      setValue([start.value, end.value]);
+    }
+    function onClear() {
+      if (props.isNumber) {
+        start.value = 0;
+        end.value = 0;
+      } else {
+        start.value = "";
+        end.value = "";
+      }
+      setValue([]);
+      emit("clear");
+    }
+    function setValue(value) {
+      if (props.multiple) {
+        const v = value.join(props.multiple);
+        emit("update:modelValue", v);
+        emit("change", v);
+      } else {
+        emit("update:modelValue", value);
+        emit("change", value);
+      }
+    }
+    function onClick() {
+      isfocus.value = true;
+      if (refInput.value) {
+        refInput.value.focus();
+      }
+      clearBlur();
+    }
+    function onFocus() {
+      isfocus.value = true;
+      clearBlur();
+    }
+    let timeout;
+    function onBlur() {
+      timeout = setTimeout(() => {
+        isfocus.value = false;
+      }, 200);
+    }
+    function clearBlur() {
+      clearTimeout(timeout);
+    }
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(cs).z(), unref(cs).is("focus", isfocus.value)]),
+        onMouseenter,
+        onMouseleave,
+        onClick: withModifiers(onClick, ["stop"])
+      }, [
+        renderSlot(_ctx.$slots, unref(dataSlot).prefix),
+        props.isNumber ? (openBlock(), createBlock(unref(ElInputNumber), {
+          key: 0,
+          class: normalizeClass([unref(cs).z("input")]),
+          modelValue: start.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => start.value = $event),
+          readonly: props.readonly,
+          clearable: props.inputClearable,
+          placeholder: props.startPlaceholder,
+          "controls-position": props.isRight ? "right" : "",
+          onInput: omInput,
+          onClick: withModifiers(onFocus, ["stop"]),
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (openBlock(), createBlock(unref(ElInput), {
+          key: 1,
+          class: normalizeClass([unref(cs).z("input")]),
+          modelValue: start.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => start.value = $event),
+          readonly: props.readonly,
+          clearable: props.inputClearable,
+          placeholder: props.startPlaceholder,
+          onInput: omInput,
+          onClick: withModifiers(onFocus, ["stop"]),
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
+        createElementVNode("span", {
+          class: normalizeClass([unref(cs).z("range")])
+        }, toDisplayString(props.rangeSeparator), 3),
+        props.isNumber ? (openBlock(), createBlock(unref(ElInputNumber), {
+          key: 2,
+          class: normalizeClass([unref(cs).z("input")]),
+          modelValue: end.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => end.value = $event),
+          readonly: props.readonly,
+          clearable: props.inputClearable,
+          placeholder: props.endPlaceholder,
+          "controls-position": props.isRight ? "right" : "",
+          onClick: withModifiers(onFocus, ["stop"]),
+          onInput: omInput,
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (openBlock(), createBlock(unref(ElInput), {
+          key: 3,
+          class: normalizeClass([unref(cs).z("input")]),
+          modelValue: end.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => end.value = $event),
+          readonly: props.readonly,
+          clearable: props.inputClearable,
+          placeholder: props.endPlaceholder,
+          onClick: withModifiers(onFocus, ["stop"]),
+          onInput: omInput,
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
+        createElementVNode("input", {
+          class: normalizeClass(unref(cs).z("focus")),
+          ref_key: "refInput",
+          ref: refInput,
+          onBlur
+        }, null, 34),
+        isclear.value ? (openBlock(), createBlock(unref(Icon), {
+          key: 4,
+          class: normalizeClass([unref(cs).z("icon"), unref(cs).z("clear")]),
+          onClick: withModifiers(onClear, ["stop"])
+        }, {
+          default: withCtx(() => [
+            createVNode(Clear)
+          ]),
+          _: 1
+        }, 8, ["class"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, unref(dataSlot).suffix)
+      ], 34);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/input-history/index.css

@@ -1,21 +1,21 @@
-.input-history[data-v-565abed8] {
+.input-history[data-v-a171aeee] {
   display: inline-block;
 }
-.input-history-popper[data-v-565abed8] {
+.input-history-popper[data-v-a171aeee] {
   padding: 6px 0 !important;
 }
-.input-history-popper .input-history-select[data-v-565abed8] {
+.input-history-popper .input-history-select[data-v-a171aeee] {
   max-height: 274px;
   height: 100%;
   overflow-y: auto;
 }
-.input-history-popper .input-history-select .input-history-select-ul[data-v-565abed8] {
+.input-history-popper .input-history-select .input-history-select-ul[data-v-a171aeee] {
   list-style: none;
   margin: 6px 0;
   padding: 0;
   box-sizing: border-box;
 }
-.input-history-popper .input-history-select .input-history-select-li[data-v-565abed8] {
+.input-history-popper .input-history-select .input-history-select-li[data-v-a171aeee] {
   padding: 0 32px 0 20px;
   position: relative;
   white-space: nowrap;
@@ -27,22 +27,22 @@
   box-sizing: border-box;
   cursor: pointer;
 }
-.input-history-popper .input-history-select .input-history-select-li.hover[data-v-565abed8], .input-history-popper .input-history-select .input-history-select-li[data-v-565abed8]:hover {
+.input-history-popper .input-history-select .input-history-select-li.hover[data-v-a171aeee], .input-history-popper .input-history-select .input-history-select-li[data-v-a171aeee]:hover {
   background-color: #f5f7fa;
 }
-.input-history-popper .input-history-select .input-history-select-li.hover .input-history-select-li-clean[data-v-565abed8], .input-history-popper .input-history-select .input-history-select-li:hover .input-history-select-li-clean[data-v-565abed8] {
+.input-history-popper .input-history-select .input-history-select-li.hover .input-history-select-li-clean[data-v-a171aeee], .input-history-popper .input-history-select .input-history-select-li:hover .input-history-select-li-clean[data-v-a171aeee] {
   display: inline-flex;
 }
-.input-history-popper .input-history-select .input-history-select-li.selected[data-v-565abed8] {
+.input-history-popper .input-history-select .input-history-select-li.selected[data-v-a171aeee] {
   color: var(--bv-color-primary);
   font-weight: 700;
 }
-.input-history-popper .input-history-select .input-history-select-li.is-disabled[data-v-565abed8] {
+.input-history-popper .input-history-select .input-history-select-li.is-disabled[data-v-a171aeee] {
   background-color: #ffffff;
   color: #a8abb2;
   cursor: not-allowed;
 }
-.input-history-popper .input-history-select .input-history-select-li .input-history-select-li-clean[data-v-565abed8] {
+.input-history-popper .input-history-select .input-history-select-li .input-history-select-li-clean[data-v-a171aeee] {
   position: absolute;
   align-items: center;
   justify-content: center;
@@ -50,14 +50,14 @@
   height: 100%;
   display: none;
 }
-.input-history-popper .input-history-select .input-history-select-li .input-history-select-li-clean svg[data-v-565abed8] {
+.input-history-popper .input-history-select .input-history-select-li .input-history-select-li-clean svg[data-v-a171aeee] {
   width: 1rem;
   height: 1rem;
 }
-.input-history-popper .input-history-select .input-history-select-clean[data-v-565abed8] {
+.input-history-popper .input-history-select .input-history-select-clean[data-v-a171aeee] {
   padding: 0 20px;
 }
-.input-history-popper .input-history-select .input-history-select-clean .input-history-select-clean-but[data-v-565abed8] {
+.input-history-popper .input-history-select .input-history-select-clean .input-history-select-clean-but[data-v-a171aeee] {
   float: right;
   color: #ccc;
   cursor: pointer;

package/dist/components/input-history/index.d.ts

@@ -20,8 +20,8 @@ declare const InputHistory: SFCWithInstall<{
             type: ObjectConstructor;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        clean: boolean;
         disabled: boolean;
+        clean: boolean;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
         refInput: ({
             $: ComponentInternalInstance;
@@ -30,8 +30,8 @@ declare const InputHistory: SFCWithInstall<{
                 oncePlaceholder: boolean;
             }> & Omit<{
                 readonly oncePlaceholder: boolean;
-                readonly modelValue?: string | number | undefined;
                 readonly placeholder?: string | undefined;
+                readonly modelValue?: string | number | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "oncePlaceholder">;
             $attrs: {
                 [x: string]: unknown;
@@ -125,8 +125,8 @@ declare const InputHistory: SFCWithInstall<{
             type: ObjectConstructor;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        clean: boolean;
         disabled: boolean;
+        clean: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -149,8 +149,8 @@ declare const InputHistory: SFCWithInstall<{
         type: ObjectConstructor;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    clean: boolean;
     disabled: boolean;
+    clean: boolean;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>>;
 })>;

package/dist/components/input-history/src/data.cjs

@@ -32,7 +32,11 @@ const dataEmits = [
   "change",
   "input"
 ];
+const dataSlot = {
+  default: "default"
+};
 const dataExpose = {};
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

package/dist/components/input-history/src/data.js

@@ -30,9 +30,13 @@ const dataEmits = [
   "change",
   "input"
 ];
+const dataSlot = {
+  default: "default"
+};
 const dataExpose = {};
 export {
   dataEmits,
   dataExpose,
-  dataProps
+  dataProps,
+  dataSlot
 };

package/dist/components/input-history/src/index.cjs

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
 ;/* empty css         */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
-const SrcVue = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-565abed8"]]);
+const SrcVue = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-a171aeee"]]);
 exports.default = SrcVue;

package/dist/components/input-history/src/index.d.ts

@@ -11,8 +11,8 @@ declare function __VLS_template(): {
                 oncePlaceholder: boolean;
             }> & Omit<{
                 readonly oncePlaceholder: boolean;
-                readonly modelValue?: string | number | undefined;
                 readonly placeholder?: string | undefined;
+                readonly modelValue?: string | number | undefined;
             } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "oncePlaceholder">;
             $attrs: {
                 [x: string]: unknown;
@@ -120,8 +120,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         type: ObjectConstructor;
     };
 }>> & Readonly<{}>, {
-    clean: boolean;
     disabled: boolean;
+    clean: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     refInput: ({
         $: ComponentInternalInstance;
@@ -130,8 +130,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
             oncePlaceholder: boolean;
         }> & Omit<{
             readonly oncePlaceholder: boolean;
-            readonly modelValue?: string | number | undefined;
             readonly placeholder?: string | undefined;
+            readonly modelValue?: string | number | undefined;
         } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "oncePlaceholder">;
         $attrs: {
             [x: string]: unknown;

package/dist/components/input-history/src/index.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./index2.js";
 /* empty css       */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const SrcVue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-565abed8"]]);
+const SrcVue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a171aeee"]]);
 export {
   SrcVue as default
 };

package/dist/components/input-history/src/index2.cjs

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$3 = require("../../../directives/expose/index.cjs");
+const index$2 = require("../../icon/index.cjs");
+const clear = require("../../../icons/vue/clear.cjs");
+const index$4 = require("../../../directives/expose/index.cjs");
 const elementPlus = require("element-plus");
 const getCss = require("@fangzhongya/utils/css/getCss");
 const util = require("./util.cjs");
 const data = require("./data.cjs");
-const index$2 = require("../../inputs/index.cjs");
+const index$3 = require("../../inputs/index.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
@@ -74,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function onChange() {
       const v = value.value;
       if (v) {
-        options.value = util.replaceAfter(options.value, v);
+        options.value = util.replaceAfter(options.value, v, "", true);
       }
       emit("change", v);
     }
@@ -103,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           width: width.value
         }, {
           reference: vue.withCtx(() => [
-            vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$2.Inputs), vue.mergeProps({
+            vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$3.Inputs), vue.mergeProps({
               ref_key: "refInput",
               ref: refInput,
               modelValue: value.value,
@@ -130,7 +131,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 };
               })
             ]), 1040, ["modelValue", "disabled"])), [
-              [vue.unref(index$3.default), {}]
+              [vue.unref(index$4.default), {}]
             ])
           ]),
           default: vue.withCtx(() => [
@@ -147,26 +148,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     onClick: vue.withModifiers(($event) => onClickSelect(item), ["stop"])
                   }, [
                     vue.createElementVNode("span", null, vue.toDisplayString(item), 1),
-                    props.clean ? (vue.openBlock(), vue.createElementBlock("i", {
+                    props.clean ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.Icon), {
                       key: 0,
                       class: vue.normalizeClass([vue.unref(cs).z("select-li-clean")]),
                       onClick: vue.withModifiers(($event) => onClean(item), ["stop"])
-                    }, _cache[3] || (_cache[3] = [
-                      vue.createElementVNode("svg", {
-                        viewBox: "0 0 1024 1024",
-                        xmlns: "http://www.w3.org/2000/svg",
-                        "data-v-ea893728": ""
-                      }, [
-                        vue.createElementVNode("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"
-                        }),
-                        vue.createElementVNode("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"
-                        })
-                      ], -1)
-                    ]), 10, _hoisted_2)) : vue.createCommentVNode("", true)
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(clear.default)
+                      ]),
+                      _: 2
+                    }, 1032, ["class", "onClick"])) : vue.createCommentVNode("", true)
                   ], 10, _hoisted_1);
                 }), 256)),
                 props.clean ? (vue.openBlock(), vue.createElementBlock("li", {

package/dist/components/input-history/src/index2.js

@@ -1,14 +1,15 @@
 import { defineComponent, useAttrs, useSlots, ref, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, createVNode, createBlock, createCommentVNode, withCtx, normalizeClass, createElementVNode, Fragment, renderList, withModifiers, toDisplayString, withDirectives, withKeys, createSlots, renderSlot } from "vue";
+import { Icon } from "../../icon/index.js";
+import Clear from "../../../icons/vue/clear.js";
 import vExpose from "../../../directives/expose/index.js";
 import { ElPopover, ElButton } from "element-plus";
 import { getCss } from "@fangzhongya/utils/css/getCss";
 import { useStorage, replaceAfter, deleteArray } from "./util.js";
-import { dataEmits, dataProps, dataExpose } from "./data.js";
+import { dataExpose, dataEmits, dataProps } from "./data.js";
 import { Inputs } from "../../inputs/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
@@ -72,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onChange() {
       const v = value.value;
       if (v) {
-        options.value = replaceAfter(options.value, v);
+        options.value = replaceAfter(options.value, v, "", true);
       }
       emit("change", v);
     }
@@ -145,26 +146,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onClick: withModifiers(($event) => onClickSelect(item), ["stop"])
                   }, [
                     createElementVNode("span", null, toDisplayString(item), 1),
-                    props.clean ? (openBlock(), createElementBlock("i", {
+                    props.clean ? (openBlock(), createBlock(unref(Icon), {
                       key: 0,
                       class: normalizeClass([unref(cs).z("select-li-clean")]),
                       onClick: withModifiers(($event) => onClean(item), ["stop"])
-                    }, _cache[3] || (_cache[3] = [
-                      createElementVNode("svg", {
-                        viewBox: "0 0 1024 1024",
-                        xmlns: "http://www.w3.org/2000/svg",
-                        "data-v-ea893728": ""
-                      }, [
-                        createElementVNode("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"
-                        }),
-                        createElementVNode("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"
-                        })
-                      ], -1)
-                    ]), 10, _hoisted_2)) : createCommentVNode("", true)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(Clear)
+                      ]),
+                      _: 2
+                    }, 1032, ["class", "onClick"])) : createCommentVNode("", true)
                   ], 10, _hoisted_1);
                 }), 256)),
                 props.clean ? (openBlock(), createElementBlock("li", {

package/dist/components/input-history/src/util.cjs

@@ -4,22 +4,57 @@ const vue = require("vue");
 const local = require("../../../utils/local.cjs");
 function replaceAfter(arr, obj, id, is) {
   const varr = [];
-  {
+  if (id) {
+    arr.forEach((a) => {
+      const element = a;
+      const vs = obj;
+      if (element[id] !== vs[id]) {
+        varr.push(a);
+      }
+    });
+  } else {
     arr.forEach((element) => {
       if (element !== obj) {
         varr.push(element);
       }
     });
   }
-  {
+  if (is) {
     varr.unshift(obj);
+  } else {
+    varr.push(obj);
   }
   return varr;
 }
 function deleteArray(arr, obj, key, is) {
   const wz = [];
-  {
-    {
+  if (is) {
+    if (key) {
+      arr.forEach((a, index) => {
+        const element = a;
+        const vs = obj;
+        if (element[key] !== vs[key]) {
+          wz.push(index);
+        }
+      });
+    } else {
+      arr.forEach((element, index) => {
+        if (element !== obj) {
+          wz.push(index);
+        }
+      });
+    }
+  } else {
+    if (key) {
+      for (let index = 0; index < arr.length; index++) {
+        const element = arr[index];
+        const vs = obj;
+        if (element[key] === vs[key]) {
+          wz.push(index);
+          break;
+        }
+      }
+    } else {
       for (let index = 0; index < arr.length; index++) {
         const element = arr[index];
         if (element === obj) {
@@ -43,6 +78,10 @@ function deleteArray(arr, obj, key, is) {
 const useStorage = (storage, d, is) => {
   let get = local.getLocal;
   let set = local.setLocal;
+  if (is) {
+    get = local.getSession;
+    set = local.setSession;
+  }
   const value = vue.ref(get(storage) || d);
   const w = vue.watch(
     () => value.value,