@fangzhongya/fang-ui 0.0.38 → 0.0.39

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

@@ -1,4 +1,213 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
-exports.default = index_vue_vue_type_script_setup_true_lang.default;
+const vue = require("vue");
+const index$3 = require("../../icon/index.cjs");
+const clear = require("../../../icons/vue/clear.cjs");
+const data = require("./data.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("element-plus/es/components/input-number/index");
+const index$2 = require("element-plus/es/components/input/index");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName("input-array");
+    const props = __props;
+    const emit = __emit;
+    const refInput = vue.ref();
+    const isfocus = vue.ref(false);
+    const start = vue.ref("");
+    const end = vue.ref("");
+    if (props.isNumber) {
+      start.value = 0;
+      end.value = 0;
+    } else {
+      start.value = "";
+      end.value = "";
+    }
+    const emove = vue.ref(false);
+    const isclear = vue.computed(() => {
+      if (props.clearable) {
+        if (start.value || end.value) {
+          if (emove.value || isfocus.value) {
+            return true;
+          }
+        }
+      }
+      return false;
+    });
+    vue.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
+      }
+    );
+    vue.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({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(cs).is("focus", isfocus.value)]),
+        onMouseenter,
+        onMouseleave,
+        onClick: vue.withModifiers(onClick, ["stop"])
+      }, [
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
+        props.isNumber ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElInputNumber), {
+          key: 0,
+          class: vue.normalizeClass([vue.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: vue.withModifiers(onFocus, ["stop"]),
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElInput), {
+          key: 1,
+          class: vue.normalizeClass([vue.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: vue.withModifiers(onFocus, ["stop"]),
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass([vue.unref(cs).z("range")])
+        }, vue.toDisplayString(props.rangeSeparator), 3),
+        props.isNumber ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElInputNumber), {
+          key: 2,
+          class: vue.normalizeClass([vue.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: vue.withModifiers(onFocus, ["stop"]),
+          onInput: omInput,
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder", "controls-position"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElInput), {
+          key: 3,
+          class: vue.normalizeClass([vue.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: vue.withModifiers(onFocus, ["stop"]),
+          onInput: omInput,
+          onBlur
+        }, null, 8, ["class", "modelValue", "readonly", "clearable", "placeholder"])),
+        vue.createElementVNode("input", {
+          class: vue.normalizeClass(vue.unref(cs).z("focus")),
+          ref_key: "refInput",
+          ref: refInput,
+          onBlur
+        }, null, 34),
+        isclear.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.Icon), {
+          key: 4,
+          class: vue.normalizeClass([vue.unref(cs).z("icon"), vue.unref(cs).z("clear")]),
+          onClick: vue.withModifiers(onClear, ["stop"])
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(clear.default)
+          ]),
+          _: 1
+        }, 8, ["class"])) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).suffix)
+      ], 34);
+    };
+  }
+});
+exports.default = _sfc_main;

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/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/index2.cjs

@@ -75,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);
     }

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

@@ -5,7 +5,7 @@ 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";
@@ -73,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);
     }

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,

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

@@ -1,23 +1,58 @@
 import { ref, watch, onUnmounted } from "vue";
-import { getLocal, setLocal } from "../../../utils/local.js";
+import { getLocal, setLocal, getSession, setSession } from "../../../utils/local.js";
 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) {
@@ -41,6 +76,10 @@ function deleteArray(arr, obj, key, is) {
 const useStorage = (storage, d, is) => {
   let get = getLocal;
   let set = setLocal;
+  if (is) {
+    get = getSession;
+    set = setSession;
+  }
   const value = ref(get(storage) || d);
   const w = watch(
     () => value.value,

package/dist/components/input-num/index.cjs

@@ -2,7 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
-const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const InputNum = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "InputNum");
 exports.InputNum = InputNum;
 exports.default = InputNum;

package/dist/components/input-num/index.js

@@ -1,6 +1,7 @@
 /* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
-import _sfc_main from "./src/index.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
 const InputNum = withInstall(_sfc_main, "InputNum");
 export {
   InputNum,