orion-design 0.1.59 → 1.0.0

package/dist/LovInput.vue_vue_type_script_setup_true_lang-C__ELopU.js

@@ -0,0 +1,400 @@
+import { defineComponent as g, mergeModels as c, useSlots as $, useModel as V, openBlock as m, createBlock as p, unref as n, createSlots as A, withCtx as f, renderSlot as y, computed as b, createElementBlock as D, Fragment as T, renderList as E, ref as w, useTemplateRef as C, provide as j, reactive as N, createVNode as L } from "vue";
+import { ElInput as O, ElSelect as U, ElOption as Y, dayjs as M, ElTimePicker as R, ElDatePicker as W, ElInputNumber as x, ElCheckbox as z, ElDropdown as K } from "element-plus";
+import { useInputCode as I } from "./components/Input/hooks/index.js";
+import { getSingleCodeContent as G, getMultiCodeContent as q } from "./components/Input/utils/index.js";
+import S from "./error/OrionError.js";
+import { isDate as J, isString as Q, toNumber as X } from "lodash-es";
+import { lovContextKey as Z } from "./components/Input/LovInput/LovInput.js";
+import { cG as _ } from "./index-CIR6wX_E.js";
+const ie = /* @__PURE__ */ g({
+  name: "OStringInput",
+  inheritAttrs: !1,
+  __name: "StringInput",
+  props: /* @__PURE__ */ c({
+    maxlength: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const s = $(), u = V(a, "modelValue");
+    return (r, e) => (m(), p(n(O), {
+      modelValue: u.value,
+      "onUpdate:modelValue": e[0] || (e[0] = (o) => u.value = o),
+      maxlength: r.maxlength,
+      placeholder: r.placeholder,
+      disabled: r.disabled,
+      readonly: r.readonly
+    }, A({ _: 2 }, [
+      n(s).prefix ? {
+        name: "prefix",
+        fn: f(() => [
+          y(r.$slots, "prefix")
+        ]),
+        key: "0"
+      } : void 0,
+      n(s).suffix ? {
+        name: "suffix",
+        fn: f(() => [
+          y(r.$slots, "suffix")
+        ]),
+        key: "1"
+      } : void 0,
+      n(s).prepend ? {
+        name: "prepend",
+        fn: f(() => [
+          y(r.$slots, "prepend")
+        ]),
+        key: "2"
+      } : void 0,
+      n(s).append ? {
+        name: "append",
+        fn: f(() => [
+          y(r.$slots, "append")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1032, ["modelValue", "maxlength", "placeholder", "disabled", "readonly"]));
+  }
+}), ue = /* @__PURE__ */ g({
+  name: "OSingleSelect",
+  inheritAttrs: !1,
+  __name: "SingleSelect",
+  props: /* @__PURE__ */ c({
+    placeholder: {},
+    disabled: { type: Boolean },
+    code: {},
+    clearable: { type: Boolean },
+    filterable: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ c(["change"], ["update:modelValue"]),
+  setup(a, { emit: s }) {
+    const u = s, r = (d) => {
+      u("change", d);
+    }, e = V(a, "modelValue"), o = I(), l = b(() => e.value ? G(o.value, e.value) : null);
+    return (d, t) => d.disabled ? (m(), p(n(O), {
+      key: 0,
+      "model-value": l.value,
+      placeholder: d.placeholder,
+      disabled: !0,
+      readonly: !0
+    }, null, 8, ["model-value", "placeholder"])) : (m(), p(n(U), {
+      key: 1,
+      modelValue: e.value,
+      "onUpdate:modelValue": t[0] || (t[0] = (v) => e.value = v),
+      placeholder: d.placeholder,
+      clearable: d.clearable,
+      filterable: d.filterable,
+      onChange: r
+    }, {
+      default: f(() => [
+        (m(!0), D(T, null, E(n(o), (v) => (m(), p(n(Y), {
+          key: v.value,
+          label: v.content,
+          value: v.value
+        }, null, 8, ["label", "value"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["modelValue", "placeholder", "clearable", "filterable"]));
+  }
+}), me = /* @__PURE__ */ g({
+  name: "OMultiSelect",
+  inheritAttrs: !1,
+  __name: "MultiSelect",
+  props: /* @__PURE__ */ c({
+    placeholder: {},
+    disabled: { type: Boolean },
+    code: {},
+    collapseTags: { type: Boolean },
+    collapseTagsTooltip: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ c(["change"], ["update:modelValue"]),
+  setup(a, { emit: s }) {
+    const u = s, r = (t) => {
+      u("change", t.join(","));
+    }, e = V(a, "modelValue"), o = b({
+      get: () => {
+        if (e.value)
+          return e.value.split(",");
+      },
+      set: (t) => {
+        t ? e.value = t.join(",") : e.value = "";
+      }
+    }), l = I(), d = b(() => e.value ? q(l.value, e.value) : null);
+    return (t, v) => t.disabled ? (m(), p(n(O), {
+      key: 0,
+      "model-value": d.value,
+      placeholder: t.placeholder,
+      disabled: !0,
+      readonly: !0
+    }, null, 8, ["model-value", "placeholder"])) : (m(), p(n(U), {
+      key: 1,
+      modelValue: o.value,
+      "onUpdate:modelValue": v[0] || (v[0] = (h) => o.value = h),
+      placeholder: t.placeholder,
+      multiple: "",
+      "collapse-tags": t.collapseTags,
+      "collapse-tags-tooltip": t.collapseTagsTooltip,
+      onChange: r
+    }, {
+      default: f(() => [
+        (m(!0), D(T, null, E(n(l), (h) => (m(), p(n(Y), {
+          key: h.value,
+          label: h.content,
+          value: h.value
+        }, null, 8, ["label", "value"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["modelValue", "placeholder", "collapse-tags", "collapse-tags-tooltip"]));
+  }
+}), fe = /* @__PURE__ */ g({
+  name: "ODateInput",
+  inheritAttrs: !1,
+  __name: "DateInput",
+  props: /* @__PURE__ */ c({
+    maxlength: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    editable: { type: Boolean, default: !0 },
+    clearable: { type: Boolean, default: !0 },
+    format: { default: "YYYY-MM-DD" },
+    sourceFormat: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const s = b(() => a.format.startsWith("H") || a.format.startsWith("h") || a.format.startsWith("m") || a.format.startsWith("s")), u = b(() => a.sourceFormat ? a.sourceFormat : s.value ? "HH:mm:ss" : "YYYY-MM-DD"), r = b(() => {
+      let l = "date";
+      return (a.format.indexOf("y") > -1 || a.format.indexOf("Y") > -1) && (l = "year"), a.format.indexOf("M") > -1 && (l = "month"), (a.format.indexOf("d") > -1 || a.format.indexOf("D") > -1) && (l = "date"), (a.format.indexOf("H") > -1 || a.format.indexOf("h") > -1 || a.format.indexOf("k") > -1 || a.format.indexOf("m") > -1 || a.format.indexOf("s") > -1 || a.format.indexOf("S") > -1) && (l = "datetime"), l;
+    }), e = V(a, "modelValue"), o = b({
+      get: () => {
+        if (e.value) {
+          if (J(e.value))
+            return e.value;
+          if (Q(e.value)) {
+            const l = M(e.value, u.value, !0);
+            if (!l.isValid())
+              throw new S(`日期输入框的值无效，不符合${u.value}格式`);
+            return l.toDate();
+          } else
+            throw new S("日期输入框的值只能为字符串或日期类型");
+        }
+      },
+      set: (l) => {
+        a.sourceFormat ? l ? e.value = M(l).format(u.value) : e.value = "" : l ? e.value = l : e.value = void 0;
+      }
+    });
+    return (l, d) => s.value ? (m(), p(n(R), {
+      key: 0,
+      modelValue: o.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (t) => o.value = t),
+      placeholder: l.placeholder,
+      disabled: l.disabled,
+      readonly: l.readonly,
+      editable: l.editable,
+      clearable: l.clearable,
+      format: l.format,
+      "arrow-control": "",
+      style: { width: "100%" }
+    }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "format"])) : (m(), p(n(W), {
+      key: 1,
+      modelValue: o.value,
+      "onUpdate:modelValue": d[1] || (d[1] = (t) => o.value = t),
+      placeholder: l.placeholder,
+      disabled: l.disabled,
+      readonly: l.readonly,
+      editable: l.editable,
+      clearable: l.clearable,
+      type: r.value,
+      format: l.format,
+      style: { width: "100%" }
+    }, null, 8, ["modelValue", "placeholder", "disabled", "readonly", "editable", "clearable", "type", "format"]));
+  }
+}), pe = /* @__PURE__ */ g({
+  name: "ONumberInput",
+  inheritAttrs: !1,
+  __name: "NumberInput",
+  props: /* @__PURE__ */ c({
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    min: {},
+    max: {},
+    step: {},
+    stepStrictly: { type: Boolean },
+    precision: {},
+    controls: { type: Boolean, default: !0 },
+    controlsPosition: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(a) {
+    const s = $(), u = V(a, "modelValue"), r = b({
+      get: () => X(u.value),
+      set: (e) => {
+        u.value = e;
+      }
+    });
+    return (e, o) => (m(), p(n(x), {
+      modelValue: r.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (l) => r.value = l),
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      min: e.min,
+      max: e.max,
+      step: e.step,
+      "step-strictly": e.stepStrictly,
+      precision: e.precision,
+      controls: e.controls,
+      "controls-position": e.controlsPosition,
+      style: { width: "100%" }
+    }, A({ _: 2 }, [
+      n(s)["decrease-icon"] ? {
+        name: "decrease-icon",
+        fn: f(() => [
+          y(e.$slots, "decrease-icon")
+        ]),
+        key: "0"
+      } : void 0,
+      n(s)["increase-icon"] ? {
+        name: "increase-icon",
+        fn: f(() => [
+          y(e.$slots, "increase-icon")
+        ]),
+        key: "1"
+      } : void 0,
+      n(s).prefix ? {
+        name: "prefix",
+        fn: f(() => [
+          y(e.$slots, "prefix")
+        ]),
+        key: "2"
+      } : void 0,
+      n(s).suffix ? {
+        name: "suffix",
+        fn: f(() => [
+          y(e.$slots, "suffix")
+        ]),
+        key: "3"
+      } : void 0
+    ]), 1032, ["modelValue", "placeholder", "disabled", "readonly", "min", "max", "step", "step-strictly", "precision", "controls", "controls-position"]));
+  }
+}), ce = /* @__PURE__ */ g({
+  name: "OCheckbox",
+  inheritAttrs: !1,
+  __name: "Checkbox",
+  props: /* @__PURE__ */ c({
+    disabled: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ c(["change"], ["update:modelValue"]),
+  setup(a, { emit: s }) {
+    const u = s, r = (l) => {
+      u("change", l ? "1" : "0");
+    }, e = V(a, "modelValue"), o = b({
+      get: () => e.value ? e.value == "1" : !1,
+      set: (l) => {
+        const d = e.value, t = l ? "1" : "0";
+        (d || l) && (e.value = t);
+      }
+    });
+    return (l, d) => (m(), p(n(z), {
+      modelValue: o.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (t) => o.value = t),
+      disabled: l.disabled,
+      onChange: r
+    }, null, 8, ["modelValue", "disabled"]));
+  }
+}), ve = /* @__PURE__ */ g({
+  name: "OLovInput",
+  inheritAttrs: !1,
+  __name: "LovInput",
+  props: /* @__PURE__ */ c({
+    maxlength: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ c(["select", "clear"], ["update:modelValue"]),
+  setup(a, { emit: s }) {
+    const u = s, r = V(a, "modelValue"), e = w(!1), o = w(!1), l = C("input"), d = C("dropdown"), t = (i) => {
+      e.value = i;
+    }, v = () => {
+      o.value || (o.value = !0), e.value || d.value.handleOpen();
+    };
+    let h;
+    const F = (i) => {
+      h = i;
+    }, H = (i) => {
+      ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Enter", "Space"].indexOf(i.code) > -1 && (e.value && h && h(i.code), i.stopPropagation()), ["ArrowUp", "ArrowDown"].indexOf(i.code) > -1 && !e.value && d.value.handleOpen();
+    }, P = async (i) => {
+      e.value && l.value.focus(), !(i.relatedTarget && i.relatedTarget.closest(".el-popper")) && o.value && u("clear");
+    };
+    return j(
+      Z,
+      N({
+        lovValue: r,
+        backfill: (i) => {
+          d.value.handleClose(), u("select", i), o.value && (o.value = !1);
+        },
+        registerKeydownHandler: F
+      })
+    ), (i, k) => (m(), p(n(K), {
+      ref: "dropdown",
+      trigger: "click",
+      onVisibleChange: t,
+      style: { width: "100%" }
+    }, {
+      dropdown: f(() => [
+        y(i.$slots, "default")
+      ]),
+      default: f(() => [
+        L(n(O), {
+          ref: "input",
+          modelValue: r.value,
+          "onUpdate:modelValue": k[0] || (k[0] = (B) => r.value = B),
+          maxlength: i.maxlength,
+          placeholder: i.placeholder,
+          disabled: i.disabled,
+          readonly: i.readonly,
+          onInput: v,
+          onKeydown: H,
+          onBlur: P,
+          "suffix-icon": n(_)
+        }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly", "suffix-icon"])
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  ie as _,
+  ue as a,
+  me as b,
+  ce as c,
+  fe as d,
+  ve as e,
+  pe as f
+};
+//# sourceMappingURL=LovInput.vue_vue_type_script_setup_true_lang-C__ELopU.js.map

package/dist/LovInput.vue_vue_type_script_setup_true_lang-C__ELopU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LovInput.vue_vue_type_script_setup_true_lang-C__ELopU.js","sources":["../src/components/Input/StringInput/StringInput.vue","../src/components/Input/SingleSelect/SingleSelect.vue","../src/components/Input/MultiSelect/MultiSelect.vue","../src/components/Input/DateInput/DateInput.vue","../src/components/Input/NumberInput/NumberInput.vue","../src/components/Input/Checkbox/Checkbox.vue","../src/components/Input/LovInput/LovInput.vue"],"sourcesContent":["<template>\r\n  <el-input v-model=\"model\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\" :readonly=\"readonly\">\r\n    <template v-if=\"slots.prefix\" #prefix>\r\n      <slot name=\"prefix\"></slot>\r\n    </template>\r\n    <template v-if=\"slots.suffix\" #suffix>\r\n      <slot name=\"suffix\"></slot>\r\n    </template>\r\n    <template v-if=\"slots.prepend\" #prepend>\r\n      <slot name=\"prepend\"></slot>\r\n    </template>\r\n    <template v-if=\"slots.append\" #append>\r\n      <slot name=\"append\"></slot>\r\n    </template>\r\n  </el-input>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { StringInputProps } from './StringInput'\r\nimport { ElInput } from 'element-plus'\r\nimport { useSlots } from 'vue'\r\n\r\ndefineOptions({ name: 'OStringInput', inheritAttrs: false })\r\nconst slots = useSlots()\r\n\r\nconst { maxlength, placeholder, disabled, readonly } = defineProps<StringInputProps>()\r\n\r\nconst model = defineModel<string>()\r\n</script>\r\n","<template>\r\n  <el-input v-if=\"disabled\" :model-value=\"content\" :placeholder=\"placeholder\" :disabled=\"true\" :readonly=\"true\" />\r\n  <el-select v-else v-model=\"model\" :placeholder=\"placeholder\" :clearable=\"clearable\" :filterable=\"filterable\"\r\n    @change=\"onChange\">\r\n    <el-option v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\"\r\n      :value=\"codeItem.value\" />\r\n  </el-select>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { SingleSelectProps } from './SingleSelect'\r\nimport { useInputCode } from '../hooks'\r\nimport { getSingleCodeContent } from '../utils'\r\nimport { ElInput, ElSelect, ElOption } from 'element-plus'\r\nimport { computed } from 'vue'\r\n\r\ndefineOptions({ name: 'OSingleSelect', inheritAttrs: false })\r\nconst emit = defineEmits<{\r\n  (e: 'change', value: string): void\r\n}>()\r\nconst onChange = (value: any) => {\r\n  emit('change', value)\r\n}\r\n\r\nconst { placeholder, disabled, clearable, filterable } = defineProps<SingleSelectProps>()\r\n\r\nconst model = defineModel<string>()\r\nconst normalizedCode = useInputCode()\r\nconst content = computed(() => model.value ? getSingleCodeContent(normalizedCode.value, model.value) : null)\r\n</script>\r\n","<template>\r\n  <el-input v-if=\"disabled\" :model-value=\"content\" :placeholder=\"placeholder\" :disabled=\"true\" :readonly=\"true\" />\r\n  <el-select v-else v-model=\"elModel\" :placeholder=\"placeholder\" multiple :collapse-tags=\"collapseTags\"\r\n    :collapse-tags-tooltip=\"collapseTagsTooltip\" @change=\"onChange\">\r\n    <el-option v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\"\r\n      :value=\"codeItem.value\" />\r\n  </el-select>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { MultiSelectProps } from './MultiSelect'\r\nimport { useInputCode } from '../hooks'\r\nimport { getMultiCodeContent } from '../utils'\r\nimport { ElInput, ElSelect, ElOption } from 'element-plus'\r\nimport { computed } from 'vue'\r\n\r\ndefineOptions({ name: 'OMultiSelect', inheritAttrs: false })\r\nconst emit = defineEmits<{\r\n  (e: 'change', value: string): void\r\n}>()\r\nconst onChange = (value: any) => {\r\n  emit('change', value.join(','))\r\n}\r\n\r\nconst { placeholder, disabled, collapseTags, collapseTagsTooltip } = defineProps<MultiSelectProps>()\r\n\r\nconst model = defineModel<string>()\r\nconst elModel = computed<string[] | undefined>({\r\n  get: () => {\r\n    if (!model.value) {\r\n      return undefined\r\n    }\r\n    return model.value.split(',')\r\n  },\r\n  set: (newValue) => {\r\n    if (!newValue) {\r\n      model.value = ''\r\n    } else {\r\n      model.value = newValue.join(',')\r\n    }\r\n  },\r\n})\r\n\r\nconst normalizedCode = useInputCode()\r\nconst content = computed(() => model.value ? getMultiCodeContent(normalizedCode.value, model.value) : null)\r\n</script>\r\n","<template>\r\n  <el-time-picker v-if=\"isTimePicker\" v-model=\"elModel\" :placeholder=\"placeholder\" :disabled=\"disabled\"\r\n    :readonly=\"readonly\" :editable=\"editable\" :clearable=\"clearable\" :format=\"format\" arrow-control\r\n    style=\"width: 100%\" />\r\n  <el-date-picker v-else v-model=\"elModel\" :placeholder=\"placeholder\" :disabled=\"disabled\" :readonly=\"readonly\"\r\n    :editable=\"editable\" :clearable=\"clearable\" :type=\"dateType\" :format=\"format\" style=\"width: 100%\" />\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { DateInputProps } from './DateInput'\r\nimport OrionError from '../../../error/OrionError'\r\nimport { ElDatePicker, ElTimePicker, dayjs } from 'element-plus'\r\nimport { computed } from 'vue'\r\nimport { isDate, isString } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'ODateInput', inheritAttrs: false })\r\n\r\nconst {\r\n  placeholder,\r\n  disabled,\r\n  readonly,\r\n  editable = true,\r\n  clearable = true,\r\n  format = 'YYYY-MM-DD',\r\n  sourceFormat,\r\n} = defineProps<DateInputProps>()\r\n\r\nconst isTimePicker = computed(() => format.startsWith('H') || format.startsWith('h') || format.startsWith('m') || format.startsWith('s'))\r\n\r\nconst normalizedSourceFormat = computed(() => {\r\n  if (sourceFormat) {\r\n    return sourceFormat\r\n  }\r\n  if (isTimePicker.value) {\r\n    return 'HH:mm:ss'\r\n  } else {\r\n    return 'YYYY-MM-DD'\r\n  }\r\n})\r\n\r\nconst dateType = computed(() => {\r\n  let picker: 'date' | 'year' | 'month' | 'datetime' = 'date'\r\n\r\n  // 配置年 yyyy指年 YYYY指周年，年末年初的值可能有所变化\r\n  if (format.indexOf('y') > -1 || format.indexOf('Y') > -1) {\r\n    picker = 'year'\r\n  }\r\n\r\n  // 配置月，M指月份，m指分钟\r\n  if (format.indexOf('M') > -1) {\r\n    picker = 'month'\r\n  }\r\n\r\n  // 配置日，d指星期，D指月的天，DDD指年的天\r\n  if (format.indexOf('d') > -1 || format.indexOf('D') > -1) {\r\n    picker = 'date'\r\n  }\r\n\r\n  // 配置小时，H指24小时制（0~23），k指24小时制（1~24），h指12小时制，m指分钟，s指秒，S指小数秒\r\n  if (\r\n    format.indexOf('H') > -1 ||\r\n    format.indexOf('h') > -1 ||\r\n    format.indexOf('k') > -1 ||\r\n    format.indexOf('m') > -1 ||\r\n    format.indexOf('s') > -1 ||\r\n    format.indexOf('S') > -1\r\n  ) {\r\n    picker = 'datetime'\r\n  }\r\n\r\n  return picker\r\n})\r\n\r\nconst model = defineModel<Date | string>()\r\nconst elModel = computed<Date | undefined>({\r\n  get: () => {\r\n    if (!model.value) {\r\n      return undefined\r\n    }\r\n    if (isDate(model.value)) {\r\n      return model.value as Date\r\n    } else if (isString(model.value)) {\r\n      const dayjsObj = dayjs(model.value, normalizedSourceFormat.value, true)\r\n      if (!dayjsObj.isValid()) {\r\n        throw new OrionError(`日期输入框的值无效，不符合${normalizedSourceFormat.value}格式`)\r\n      }\r\n      return dayjsObj.toDate()\r\n    } else {\r\n      throw new OrionError('日期输入框的值只能为字符串或日期类型')\r\n    }\r\n  },\r\n  set: (newValue) => {\r\n    if (sourceFormat) {\r\n      if (!newValue) {\r\n        model.value = ''\r\n      } else {\r\n        model.value = dayjs(newValue).format(normalizedSourceFormat.value)\r\n      }\r\n    } else {\r\n      if (!newValue) {\r\n        model.value = undefined\r\n      } else {\r\n        model.value = newValue\r\n      }\r\n    }\r\n  },\r\n})\r\n</script>\r\n","<template>\r\n  <el-input-number v-model=\"elModel\" :placeholder=\"placeholder\" :disabled=\"disabled\" :readonly=\"readonly\" :min=\"min\"\r\n    :max=\"max\" :step=\"step\" :step-strictly=\"stepStrictly\" :precision=\"precision\" :controls=\"controls\"\r\n    :controls-position=\"controlsPosition\" style=\"width: 100%\">\r\n    <template v-if=\"slots['decrease-icon']\" #decrease-icon>\r\n      <slot name=\"decrease-icon\"></slot>\r\n    </template>\r\n    <template v-if=\"slots['increase-icon']\" #increase-icon>\r\n      <slot name=\"increase-icon\"></slot>\r\n    </template>\r\n    <template v-if=\"slots['prefix']\" #prefix>\r\n      <slot name=\"prefix\"></slot>\r\n    </template>\r\n    <template v-if=\"slots['suffix']\" #suffix>\r\n      <slot name=\"suffix\"></slot>\r\n    </template>\r\n  </el-input-number>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { NumberInputProps } from './NumberInput'\r\nimport { ElInputNumber } from 'element-plus'\r\nimport { computed, useSlots } from 'vue'\r\nimport { toNumber } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'ONumberInput', inheritAttrs: false })\r\nconst slots = useSlots()\r\n\r\nconst {\r\n  placeholder,\r\n  disabled,\r\n  readonly,\r\n  min,\r\n  max,\r\n  step,\r\n  stepStrictly,\r\n  precision,\r\n  controls = true,\r\n  controlsPosition,\r\n} = defineProps<NumberInputProps>()\r\n\r\nconst model = defineModel<number>()\r\nconst elModel = computed<number | undefined>({\r\n  get: () => {\r\n    return toNumber(model.value)\r\n  },\r\n  set: (newValue) => {\r\n    model.value = newValue\r\n  },\r\n})\r\n</script>\r\n","<template>\r\n  <el-checkbox v-model=\"elModel\" :disabled=\"disabled\" @change=\"onChange\"></el-checkbox>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport type { CheckboxProps } from './Checkbox'\r\nimport { ElCheckbox } from 'element-plus'\r\nimport { computed } from 'vue'\r\n\r\ndefineOptions({ name: 'OCheckbox', inheritAttrs: false })\r\nconst emit = defineEmits<{\r\n  (e: 'change', value: '1' | '0'): void\r\n}>()\r\nconst onChange = (value: any) => {\r\n  emit('change', value ? '1' : '0')\r\n}\r\n\r\nconst { disabled } = defineProps<CheckboxProps>()\r\n\r\nconst model = defineModel<string>()\r\nconst elModel = computed<boolean>({\r\n  get: () => {\r\n    if (!model.value) {\r\n      return false\r\n    }\r\n    return model.value == '1'\r\n  },\r\n  set: (_newValue) => {\r\n    const oldValue = model.value\r\n    const newValue = _newValue ? '1' : '0'\r\n    if (oldValue) {\r\n      model.value = newValue\r\n    } else {\r\n      if (_newValue) {\r\n        model.value = newValue\r\n      }\r\n    }\r\n  },\r\n})\r\n</script>\r\n","<template>\r\n  <el-dropdown ref=\"dropdown\" :trigger=\"'click'\" @visible-change=\"onVisibleChange\" style=\"width: 100%\">\r\n    <el-input ref=\"input\" v-model=\"model\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\"\r\n      :readonly=\"readonly\" @input=\"onInput\" @keydown=\"onKeydown\" @blur=\"onBlur\" :suffix-icon=\"Search\" />\r\n    <template #dropdown>\r\n      <slot></slot>\r\n    </template>\r\n  </el-dropdown>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { KeydownHandler, LovContext, lovContextKey, type LovInputProps } from './LovInput'\r\nimport { ElInput, ElDropdown } from 'element-plus'\r\nimport { Search } from '@element-plus/icons-vue'\r\nimport { provide, reactive, ref, useTemplateRef } from 'vue'\r\n\r\ndefineOptions({ name: 'OLovInput', inheritAttrs: false })\r\n\r\nconst emit = defineEmits<{\r\n  (e: 'select', params: Record<string, any>): void\r\n  (e: 'clear'): void\r\n}>()\r\nconst { maxlength, placeholder, disabled, readonly } = defineProps<LovInputProps>()\r\nconst model = defineModel<string>()\r\n\r\nconst visible = ref(false)\r\nconst changed = ref(false)\r\nconst inputRef = useTemplateRef('input')\r\nconst dropdownRef = useTemplateRef('dropdown')\r\n\r\nconst onVisibleChange = (val: boolean) => {\r\n  visible.value = val\r\n}\r\n\r\nconst onInput = () => {\r\n  if (!changed.value) {\r\n    changed.value = true\r\n  }\r\n\r\n  if (!visible.value) {\r\n    dropdownRef.value!.handleOpen()\r\n  }\r\n}\r\n\r\nlet keydownHandler: KeydownHandler | undefined\r\nconst registerKeydownHandler: LovContext['registerKeydownHandler'] = (handler) => {\r\n  keydownHandler = handler\r\n}\r\n\r\nconst onKeydown = (e: any) => {\r\n  const fallthroughCodes = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Enter', 'Space']\r\n\r\n  if (fallthroughCodes.indexOf(e.code) > -1) {\r\n    if (visible.value) {\r\n      keydownHandler && keydownHandler(e.code)\r\n    }\r\n    e.stopPropagation()\r\n  }\r\n\r\n  const triggerCodes = ['ArrowUp', 'ArrowDown']\r\n  if (triggerCodes.indexOf(e.code) > -1 && !visible.value) {\r\n    dropdownRef.value!.handleOpen()\r\n  }\r\n}\r\n\r\n\r\nconst onBlur = async (e: FocusEvent) => {\r\n  if (visible.value) {\r\n    inputRef.value!.focus()\r\n  }\r\n\r\n  if (e.relatedTarget) {\r\n    const target = e.relatedTarget as HTMLElement\r\n    if (target.closest('.el-popper')) {\r\n      return\r\n    }\r\n  }\r\n\r\n  if (changed.value) {\r\n    emit('clear')\r\n  }\r\n}\r\n\r\nconst backfill: LovContext['backfill'] = (params) => {\r\n  dropdownRef.value!.handleClose()\r\n\r\n  emit('select', params)\r\n\r\n  if (changed.value) {\r\n    changed.value = false\r\n  }\r\n}\r\n\r\nprovide(\r\n  lovContextKey,\r\n  reactive({\r\n    lovValue: model,\r\n    backfill,\r\n    registerKeydownHandler,\r\n  })\r\n)\r\n</script>\r\n"],"names":["slots","useSlots","model","_useModel","__props","emit","__emit","onChange","value","normalizedCode","useInputCode","content","computed","getSingleCodeContent","elModel","newValue","getMultiCodeContent","isTimePicker","normalizedSourceFormat","dateType","picker","isDate","isString","dayjsObj","dayjs","OrionError","toNumber","_newValue","oldValue","visible","ref","changed","inputRef","useTemplateRef","dropdownRef","onVisibleChange","val","onInput","keydownHandler","registerKeydownHandler","handler","onKeydown","e","onBlur","provide","lovContextKey","reactive","params"],"mappings":"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"}