orion-design 0.1.34 → 0.1.36

package/dist/components/Form/{MultiTableSelect/MultiTableSelect.d.ts → TableSelect/TableSelect.d.ts}

@@ -1,6 +1,6 @@
 import { InjectionKey } from 'vue';
 import { FormItemRule, Arrayable } from '../Form';
-export interface MultiTableSelectProps {
+export interface TableSelectProps {
     name: string;
     label?: string;
     span?: number;
@@ -15,7 +15,7 @@ export interface MultiTableSelectProps {
     tag: (row: any) => string;
 }
 export type RowCompletionProvider = (data: any[] | undefined) => Promise<any[] | undefined>;
-export interface MultiTableSelectContext {
+export interface TableSelectContext {
     inputValue: any;
     selection: any[] | undefined;
     onSelect: (selection: any[], clear?: boolean) => void;
@@ -23,4 +23,4 @@ export interface MultiTableSelectContext {
     tag: (row: any) => string;
     registerRowCompletionProvider: (provider: RowCompletionProvider) => void;
 }
-export declare const multiTableSelectContext: InjectionKey<MultiTableSelectContext>;
+export declare const tableSelectContext: InjectionKey<TableSelectContext>;

package/dist/components/Form/TableSelect/TableSelect.js

@@ -0,0 +1,5 @@
+const t = Symbol("tableSelectContext");
+export {
+  t as tableSelectContext
+};
+//# sourceMappingURL=TableSelect.js.map

package/dist/components/Form/TableSelect/TableSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSelect.js","sources":["../../../../src/components/Form/TableSelect/TableSelect.ts"],"sourcesContent":["import { InjectionKey } from 'vue'\r\nimport { FormItemRule, Arrayable } from '../Form'\r\n\r\nexport interface TableSelectProps {\r\n  name: string\r\n  label?: string\r\n  span?: number\r\n  labelWidth?: string | number\r\n  required?: boolean\r\n  rules?: Arrayable<FormItemRule>\r\n  maxlength?: string | number\r\n  placeholder?: string\r\n  disabled?: boolean\r\n  readonly?: boolean\r\n  pick: string | string[]\r\n  tag: (row: any) => string\r\n}\r\n\r\nexport type RowCompletionProvider = (data: any[] | undefined) => Promise<any[] | undefined>\r\n\r\nexport interface TableSelectContext {\r\n  inputValue: any\r\n  selection: any[] | undefined\r\n  onSelect: (selection: any[], clear?: boolean) => void\r\n  selectDone: () => void\r\n  tag: (row: any) => string\r\n  registerRowCompletionProvider: (provider: RowCompletionProvider) => void\r\n}\r\n\r\nexport const tableSelectContext: InjectionKey<TableSelectContext> = Symbol('tableSelectContext')\r\n"],"names":["tableSelectContext"],"mappings":"AA6Ba,MAAAA,IAAuD,OAAO,oBAAoB;"}

package/dist/components/Form/{MultiTableSelect/MultiTableSelect.vue.d.ts → TableSelect/TableSelect.vue.d.ts}

@@ -1,4 +1,4 @@
-import { MultiTableSelectProps } from './MultiTableSelect';
+import { TableSelectProps } from './TableSelect';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -3121,9 +3121,9 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<MultiTableSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<TableSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<MultiTableSelectProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<TableSelectProps> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     dropdown: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{

package/dist/components/Form/TableSelect/hooks/useTableSelect.d.ts

@@ -0,0 +1 @@
+export default function useTableSelect(): import('..').TableSelectContext | undefined;

package/dist/components/Form/TableSelect/hooks/useTableSelect.js

@@ -0,0 +1,9 @@
+import { inject as e } from "vue";
+import { tableSelectContext as t } from "../TableSelect.js";
+function l() {
+  return e(t);
+}
+export {
+  l as default
+};
+//# sourceMappingURL=useTableSelect.js.map

package/dist/components/Form/TableSelect/hooks/useTableSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableSelect.js","sources":["../../../../../src/components/Form/TableSelect/hooks/useTableSelect.ts"],"sourcesContent":["import { inject } from 'vue'\r\nimport { tableSelectContext } from '../TableSelect'\r\n\r\nexport default function useTableSelect() {\r\n  return inject(tableSelectContext)\r\n}\r\n"],"names":["useTableSelect","inject","tableSelectContext"],"mappings":";;AAGA,SAAwBA,IAAiB;AACvC,SAAOC,EAAOC,CAAkB;AAClC;"}

package/dist/components/Form/TableSelect/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TableSelect';
+export { default as useTableselect } from './hooks/useTableSelect';

package/dist/components/Form/TableSelect/index.js

@@ -0,0 +1,7 @@
+import { tableSelectContext as l } from "./TableSelect.js";
+import { default as a } from "./hooks/useTableSelect.js";
+export {
+  l as tableSelectContext,
+  a as useTableselect
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Form/index.d.ts

@@ -13,7 +13,7 @@ import { default as ButtonGroup } from './ButtonGroup/ButtonGroup.vue';
 import { default as DiyItem } from './DiyItem/DiyItem.vue';
 import { default as LovInput } from './LovInput/LovInput.vue';
 import { default as NumberInput } from './NumberInput/NumberInput.vue';
-import { default as MultiTableSelect } from './MultiTableSelect/MultiTableSelect.vue';
+import { default as TableSelect } from './TableSelect/TableSelect.vue';
 declare const _default: import('../_util').SFCWithInstall<{
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Form').FormProps> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -283,7 +283,7 @@ declare const _default: import('../_util').SFCWithInstall<{
     DiyItem: typeof DiyItem;
     LovInput: typeof LovInput;
     NumberInput: typeof NumberInput;
-    MultiTableSelect: typeof MultiTableSelect;
+    TableSelect: typeof TableSelect;
 };
 export default _default;
 export * from './Form';
@@ -302,4 +302,4 @@ export * from './ButtonGroup';
 export * from './DiyItem';
 export * from './LovInput';
 export * from './NumberInput';
-export * from './MultiTableSelect';
+export * from './TableSelect';

package/dist/components/Form/index.js

@@ -1,17 +1,17 @@
 import { difference as fe, isEmpty as be, isDate as he, isString as L, isNumber as ce, toNumber as ye, isArray as ve, pick as ge } from "lodash-es";
-import { defineComponent as v, useTemplateRef as A, provide as Z, reactive as x, toRef as G, openBlock as m, createBlock as c, unref as e, withCtx as d, createVNode as b, renderSlot as I, isRef as C, useAttrs as le, computed as O, createElementBlock as E, Fragment as U, renderList as N, createTextVNode as ae, toDisplayString as oe, watch as te, ref as k, onMounted as ne, normalizeStyle as we, resolveComponent as Ve, createElementVNode as Be, createCommentVNode as Se } from "vue";
+import { defineComponent as v, useTemplateRef as A, provide as Z, reactive as x, toRef as G, openBlock as m, createBlock as c, unref as e, withCtx as d, createVNode as b, renderSlot as T, isRef as C, useAttrs as le, computed as O, createElementBlock as E, Fragment as U, renderList as N, createTextVNode as ae, toDisplayString as oe, watch as te, ref as k, onMounted as ne, normalizeStyle as we, resolveComponent as Ve, createElementVNode as Be, createCommentVNode as Se } from "vue";
 import { withInstall as qe } from "../_util/vue/install.js";
 import { ElForm as Me, ElRow as Ce, ElCol as g, ElFormItem as B, ElInput as z, ElSelect as re, ElOption as de, ElRadioGroup as Oe, ElRadio as Fe, ElCheckboxGroup as ke, ElCheckbox as ue, ElSwitch as ze, dayjs as ee, ElTimePicker as We, ElDatePicker as Re, ElDropdown as se, ElInputNumber as Ae, ElTag as Ee } from "element-plus";
 import { formContextKey as De } from "./Form.js";
 import D from "../../error/OrionError.js";
 import { useFormItemSpan as w, useFormItemRules as S, useFormItemStringModel as R, useFormItemDisabled as ie, useFormItemCode as K, useFormItemMultiModel as pe, useFormContext as P, useFormItemBooleanModel as me } from "./hooks/index.js";
-import { getSingleCodeContent as $e, getMultiCodeContent as Te } from "./utils/index.js";
-import { S as Ie } from "../../index-BbsXWo7C.js";
-import { g as Ue, h as Ne, j as Pe } from "../../index-ChkLOmNK.js";
+import { getSingleCodeContent as $e, getMultiCodeContent as Ie } from "./utils/index.js";
+import { S as Te } from "../../index-BbsXWo7C.js";
+import { g as Ue, h as Ne, j as Pe } from "../../index-Bm0F5NQQ.js";
 import { lovContextKey as Ye } from "./LovInput/LovInput.js";
-import { multiTableSelectContext as je } from "./MultiTableSelect/MultiTableSelect.js";
+import { tableSelectContext as je } from "./TableSelect/TableSelect.js";
 import { default as Sl } from "./LovInput/hooks/useLov.js";
-import { default as Ml } from "./MultiTableSelect/hooks/useMultiTableSelect.js";
+import { default as Ml } from "./TableSelect/hooks/useTableSelect.js";
 const Ge = /* @__PURE__ */ v({
   name: "OForm",
   inheritAttrs: !1,
@@ -52,12 +52,13 @@ const Ge = /* @__PURE__ */ v({
       model: t.modelValue,
       rules: t.rules,
       "label-width": t.itemLabelWidth,
-      disabled: t.disabled
+      disabled: t.disabled,
+      class: "orion-form"
     }, {
       default: d(() => [
         b(e(Ce), { gutter: 16 }, {
           default: d(() => [
-            I(t.$slots, "default")
+            T(t.$slots, "default")
           ]),
           _: 3
         })
@@ -277,7 +278,7 @@ const Ge = /* @__PURE__ */ v({
     collapseTagsTooltip: { type: Boolean }
   },
   setup(o) {
-    const f = le(), i = w(), n = S(), a = ie(), l = K(), r = pe(), u = P(), t = O(() => Te(l.value, u.modelValue[o.name]));
+    const f = le(), i = w(), n = S(), a = ie(), l = K(), r = pe(), u = P(), t = O(() => Ie(l.value, u.modelValue[o.name]));
     return (p, y) => (m(), c(e(g), { span: e(i) }, {
       default: d(() => [
         b(e(B), {
@@ -640,12 +641,12 @@ const Ge = /* @__PURE__ */ v({
       style: we(f.value)
     }, {
       default: d(() => [
-        b(e(Ie), {
+        b(e(Te), {
           gutter: n.gutter,
-          style: { "margin-bottom": "18px" }
+          style: { "margin-bottom": "var(--orion-form-validation-message-height)" }
         }, {
           default: d(() => [
-            I(n.$slots, "default")
+            T(n.$slots, "default")
           ]),
           _: 3
         }, 8, ["gutter"])
@@ -677,7 +678,7 @@ const Ge = /* @__PURE__ */ v({
           rules: e(i)
         }, {
           default: d(() => [
-            I(n.$slots, "default")
+            T(n.$slots, "default")
           ]),
           _: 3
         }, 8, ["prop", "label", "label-width", "required", "rules"])
@@ -760,7 +761,7 @@ const Ge = /* @__PURE__ */ v({
               style: { width: "100%" }
             }, {
               dropdown: d(() => [
-                I(h.$slots, "default")
+                T(h.$slots, "default")
               ]),
               default: d(() => [
                 b(e(z), {
@@ -863,7 +864,7 @@ const Ge = /* @__PURE__ */ v({
 }, dl = /* @__PURE__ */ v({
   name: "OFormTableselect",
   inheritAttrs: !1,
-  __name: "MultiTableSelect",
+  __name: "TableSelect",
   props: {
     name: {},
     label: {},
@@ -909,7 +910,7 @@ const Ge = /* @__PURE__ */ v({
     }, _ = async (s) => {
       y.value ? Y.value.focus() : l.value = "";
     }, h = k([]), V = A("dropdown"), M = (s, j) => {
-      t.value = s.map((T) => ge(T, o.pick)), h.value = s.map((T) => o.tag(T)), j && (l.value = ""), i("change", s);
+      t.value = s.map((I) => ge(I, o.pick)), h.value = s.map((I) => o.tag(I)), j && (l.value = ""), i("change", s);
     }, F = () => {
       V.value.handleClose();
     };
@@ -928,7 +929,7 @@ const Ge = /* @__PURE__ */ v({
         registerRowCompletionProvider: Q
       })
     ), (s, j) => {
-      const T = Ve("o-space");
+      const I = Ve("o-space");
       return m(), c(e(g), { span: e(n) }, {
         default: d(() => [
           b(e(B), {
@@ -943,11 +944,10 @@ const Ge = /* @__PURE__ */ v({
                 ref: "dropdown",
                 trigger: "click",
                 onVisibleChange: q,
-                style: { width: "100%" },
-                "hide-on-click": !1
+                style: { width: "100%" }
               }, {
                 dropdown: d(() => [
-                  I(s.$slots, "default")
+                  T(s.$slots, "default")
                 ]),
                 default: d(() => [
                   Be("div", {
@@ -968,7 +968,7 @@ const Ge = /* @__PURE__ */ v({
                       "suffix-icon": y.value ? e(Ne) : e(Pe)
                     }, null, 8, ["modelValue", "maxlength", "placeholder", "disabled", "readonly", "suffix-icon"]),
                     y.value ? Se("", !0) : (m(), E("div", rl, [
-                      b(T, null, {
+                      b(I, null, {
                         default: d(() => [
                           (m(!0), E(U, null, N(h.value, (X) => (m(), c(e(Ee), { type: "info" }, {
                             default: d(() => [
@@ -1008,13 +1008,13 @@ const Ge = /* @__PURE__ */ v({
   DiyItem: ol,
   LovInput: tl,
   NumberInput: nl,
-  MultiTableSelect: dl
+  TableSelect: dl
 });
 export {
   wl as default,
   De as formContextKey,
   Ye as lovContextKey,
-  je as multiTableSelectContext,
+  je as tableSelectContext,
   Sl as useLov,
   Ml as useTableselect
 };

package/dist/components/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Form/Form.vue","../../../src/components/Form/StringInput/StringInput.vue","../../../src/components/Form/PasswordInput/PasswordInput.vue","../../../src/components/Form/Textarea/Textarea.vue","../../../src/components/Form/SingleSelect/SingleSelect.vue","../../../src/components/Form/MultiSelect/MultiSelect.vue","../../../src/components/Form/RadioGroup/RadioGroup.vue","../../../src/components/Form/CheckboxGroup/CheckboxGroup.vue","../../../src/components/Form/Checkbox/Checkbox.vue","../../../src/components/Form/Switch/Switch.vue","../../../src/components/Form/DateInput/DateInput.vue","../../../src/components/Form/FileInput/FileInput.vue","../../../src/components/Form/ButtonGroup/ButtonGroup.vue","../../../src/components/Form/DiyItem/DiyItem.vue","../../../src/components/Form/LovInput/LovInput.vue","../../../src/components/Form/NumberInput/NumberInput.vue","../../../src/components/Form/MultiTableSelect/MultiTableSelect.vue","../../../src/components/Form/index.ts"],"sourcesContent":["<template>\r\n  <el-form ref=\"form\" :model=\"modelValue\" :rules=\"rules\" :label-width=\"itemLabelWidth\" :disabled=\"disabled\">\r\n    <el-row :gutter=\"16\">\r\n      <slot></slot>\r\n    </el-row>\r\n  </el-form>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { provide, reactive, toRef, useTemplateRef } from 'vue'\r\nimport { ElForm, ElRow } from 'element-plus'\r\nimport { type FormProps, type FormExpose, formContextKey } from './Form'\r\nimport OrionError from '../../error/OrionError'\r\nimport { difference, isEmpty } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OForm', inheritAttrs: false })\r\n\r\nconst { rules, itemSpan = 6, itemLabelWidth = 'auto', disabled = false, modelValue } = defineProps<FormProps>()\r\n\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst updateModelValue = (name: string, value: any) => {\r\n  if (!Object.keys(modelValue).includes(name)) {\r\n    throw new OrionError(`modelValue中不存在[${name}]`)\r\n  }\r\n  emit('update:modelValue', { ...modelValue, [name]: value })\r\n}\r\n\r\nconst updateModelValueMulti = (data: Record<string, any>) => {\r\n  const modelKeys = Object.keys(modelValue)\r\n  const dataKeys = Object.keys(data)\r\n  const diff = difference(dataKeys, modelKeys)\r\n  if (!isEmpty(diff)) {\r\n    throw new OrionError(`modelValue中不存在[${diff.join(',')}]`)\r\n  }\r\n  emit('update:modelValue', { ...modelValue, ...data })\r\n}\r\n\r\nconst formRef = useTemplateRef('form')\r\n\r\nconst validate: FormExpose['validate'] = async () => {\r\n  return await formRef.value!.validate()\r\n}\r\n\r\ndefineExpose({\r\n  validate,\r\n})\r\n\r\nprovide(\r\n  formContextKey,\r\n  reactive({\r\n    modelValue: toRef(() => modelValue),\r\n    updateModelValue,\r\n    updateModelValueMulti,\r\n    rules: toRef(() => rules),\r\n    itemSpan: toRef(() => itemSpan),\r\n    disabled: toRef(() => disabled),\r\n  })\r\n)\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-model=\"elModel\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\" :readonly=\"readonly\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { StringInputProps } from './StringInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormString', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly } = defineProps<StringInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-model=\"elModel\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\" :readonly=\"readonly\" type=\"password\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { PasswordInputProps } from './PasswordInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormPassword', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly } = defineProps<PasswordInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input\r\n        v-model=\"elModel\"\r\n        :maxlength=\"maxlength\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        type=\"textarea\"\r\n        :rows=\"rows\"\r\n        :resize=\"'none'\"\r\n      />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { TextareaProps } from './Textarea'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormTextarea', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly, rows } = defineProps<TextareaProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-if=\"normalizedDisabled\" :model-value=\"content\" :placeholder=\"placeholder\" :disabled=\"true\" :readonly=\"true\" />\r\n      <el-select v-else v-model=\"elModel\" :placeholder=\"placeholder\" :clearable=\"clearable\" :filterable=\"filterable\" @change=\"attrs.onChange as any\">\r\n        <el-option v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\" :value=\"codeItem.value\" />\r\n      </el-select>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, useAttrs } from 'vue'\r\nimport { ElCol, ElFormItem, ElInput, ElSelect, ElOption } from 'element-plus'\r\nimport type { SingleSelectProps } from './SingleSelect'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemDisabled, useFormItemCode, useFormItemStringModel } from '../hooks'\r\nimport { getSingleCodeContent } from '../utils'\r\n\r\ndefineOptions({ name: 'OFormSingleselect', inheritAttrs: false })\r\nconst attrs = useAttrs()\r\n\r\nconst { name, label, labelWidth, required, placeholder, clearable, filterable } = defineProps<SingleSelectProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedDisabled = useFormItemDisabled()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemStringModel()\r\nconst content = computed(() => getSingleCodeContent(normalizedCode.value, elModel.value))\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-if=\"normalizedDisabled\" :model-value=\"content\" :placeholder=\"placeholder\" :disabled=\"true\" :readonly=\"true\" />\r\n      <el-select\r\n        v-else\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        multiple\r\n        :collapse-tags=\"collapseTags\"\r\n        :collapse-tags-tooltip=\"collapseTagsTooltip\"\r\n        @change=\"attrs.onChange as any\"\r\n      >\r\n        <el-option v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\" :value=\"codeItem.value\" />\r\n      </el-select>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, useAttrs } from 'vue'\r\nimport { ElCol, ElFormItem, ElInput, ElSelect, ElOption } from 'element-plus'\r\nimport type { MultiSelectProps } from './MultiSelect'\r\nimport { useFormContext, useFormItemSpan, useFormItemRules, useFormItemDisabled, useFormItemCode, useFormItemMultiModel } from '../hooks'\r\nimport { getMultiCodeContent } from '../utils'\r\n\r\ndefineOptions({ name: 'OFormMultiselect', inheritAttrs: false })\r\nconst attrs = useAttrs()\r\n\r\nconst { name, label, labelWidth, required, placeholder, collapseTags, collapseTagsTooltip } = defineProps<MultiSelectProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedDisabled = useFormItemDisabled()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemMultiModel()\r\nconst formContext = useFormContext()!\r\nconst content = computed(() => getMultiCodeContent(normalizedCode.value, formContext.modelValue[name]))\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-radio-group v-model=\"elModel\" :disabled=\"disabled\">\r\n        <el-radio v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :value=\"codeItem.value\">\r\n          {{ codeItem.content }}\r\n        </el-radio>\r\n      </el-radio-group>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElRadioGroup, ElRadio } from 'element-plus'\r\nimport type { RadioGroupProps } from './RadioGroup'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemCode, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormRadiogroup', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, disabled } = defineProps<RadioGroupProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-checkbox-group v-model=\"elModel\" :disabled=\"disabled\">\r\n        <el-checkbox v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\" :value=\"codeItem.value\" />\r\n      </el-checkbox-group>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElCheckboxGroup, ElCheckbox } from 'element-plus'\r\nimport type { CheckboxGroupProps } from './CheckboxGroup'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemCode, useFormItemMultiModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormCheckboxgroup', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, disabled } = defineProps<CheckboxGroupProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemMultiModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :rules=\"rules\">\r\n      <el-checkbox v-model=\"elModel\" :disabled=\"disabled\"></el-checkbox>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElCheckbox } from 'element-plus'\r\nimport type { CheckboxProps } from './Checkbox'\r\nimport { useFormItemBooleanModel, useFormItemSpan } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormCheckbox', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, rules, disabled } = defineProps<CheckboxProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst elModel = useFormItemBooleanModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :rules=\"rules\">\r\n      <el-switch v-model=\"elModel\" :disabled=\"disabled\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElSwitch } from 'element-plus'\r\nimport type { SwitchProps } from './Switch'\r\nimport { useFormItemBooleanModel, useFormItemSpan } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormSwitch', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, rules, disabled } = defineProps<SwitchProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst elModel = useFormItemBooleanModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-time-picker\r\n        v-if=\"isTimePicker\"\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        :editable=\"editable\"\r\n        :clearable=\"clearable\"\r\n        :format=\"normalizedSourceFormat\"\r\n        arrow-control\r\n        style=\"width: 100%\"\r\n      />\r\n      <el-date-picker\r\n        v-else\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        :editable=\"editable\"\r\n        :clearable=\"clearable\"\r\n        :type=\"dateType\"\r\n        :format=\"normalizedSourceFormat\"\r\n        style=\"width: 100%\"\r\n      />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { ElCol, ElFormItem, ElDatePicker, ElTimePicker, dayjs } from 'element-plus'\r\nimport type { DateInputProps } from './DateInput'\r\nimport { useFormContext, useFormItemSpan, useFormItemRules } from '../hooks'\r\nimport { isDate, isString } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\ndefineOptions({ name: 'OFormDate', inheritAttrs: false })\r\n\r\nconst {\r\n  name,\r\n  label,\r\n  labelWidth,\r\n  required,\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\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\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 formContext = useFormContext()!\r\nconst elModel = computed<Date | undefined>({\r\n  get: () => {\r\n    const value = formContext.modelValue[name]\r\n    if (!value) {\r\n      return undefined\r\n    }\r\n    if (isDate(value)) {\r\n      return value as Date\r\n    } else if (isString(value)) {\r\n      const dayjsObj = dayjs(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        formContext.updateModelValue(name, '')\r\n      } else {\r\n        formContext.updateModelValue(name, dayjs(newValue).format(normalizedSourceFormat.value))\r\n      }\r\n    } else {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name, undefined)\r\n      } else {\r\n        formContext.updateModelValue(name, newValue)\r\n      }\r\n    }\r\n  },\r\n})\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input ref=\"inputRef\" v-model=\"file\" :disabled=\"disabled\" type=\"file\" :validate-event=\"false\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted, ref, useTemplateRef, watch } from 'vue'\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { FileInputProps } from './FileInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormFile', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, disabled } = defineProps<FileInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\nwatch(elModel, () => {\r\n  if (!elModel.value) {\r\n    file.value = ''\r\n  }\r\n})\r\n\r\nconst file = ref('')\r\nconst fileRef = useTemplateRef('inputRef')\r\nonMounted(() => {\r\n  fileRef.value!.input!.onchange = (event) => {\r\n    //@ts-ignore\r\n    elModel.value = event?.target?.files[0]\r\n  }\r\n  file.value = ''\r\n})\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\" :style=\"style\">\r\n    <space :gutter=\"gutter\" style=\"margin-bottom: 18px\"> <slot></slot> </space>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol } from 'element-plus'\r\nimport type { ButtonGroupProps } from './ButtonGroup'\r\nimport Space from '../../Space'\r\nimport { useFormItemSpan } from '../hooks'\r\nimport { computed, CSSProperties } from 'vue'\r\n\r\ndefineOptions({ name: 'OFormButtongroup', inheritAttrs: false })\r\n\r\nconst { gutter, align = 'right' } = defineProps<ButtonGroupProps>()\r\nconst style = computed<CSSProperties>(() => {\r\n  return {\r\n    textAlign: align,\r\n  }\r\n})\r\n\r\nconst normalizedSpan = useFormItemSpan()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <slot></slot>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem } from 'element-plus'\r\nimport type { DiyItemProps } from './DiyItem'\r\nimport { useFormItemSpan, useFormItemRules } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormDiy', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required } = defineProps<DiyItemProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-dropdown ref=\"dropdown\" :trigger=\"'click'\" @visible-change=\"onVisibleChange\" style=\"width: 100%\">\r\n        <el-input ref=\"input\" v-model=\"elModel\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\"\r\n          :readonly=\"readonly\" @input=\"onInput\" @keydown=\"onKeydown\" @change=\"onChange\" @blur=\"onBlur\"\r\n          :suffix-icon=\"Search\" />\r\n        <template #dropdown>\r\n          <slot></slot>\r\n        </template>\r\n      </el-dropdown>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput, ElDropdown } from 'element-plus'\r\nimport { Search } from '@element-plus/icons-vue'\r\nimport { KeydownHandler, LovContext, lovContextKey, type LovInputProps } from './LovInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel, useFormContext } from '../hooks'\r\nimport { provide, reactive, ref, useTemplateRef } from 'vue'\r\nimport { isString } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OFormLov', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly, fillMapping } = defineProps<LovInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\nconst formContext = useFormContext()!\r\n\r\nconst visible = ref(false)\r\nconst onVisibleChange = (val: boolean) => {\r\n  visible.value = val\r\n}\r\n\r\nconst changed = ref(false)\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\nconst inputRef = useTemplateRef('input')\r\nconst onBlur = async (e: any) => {\r\n  if (visible.value) {\r\n    inputRef.value!.focus()\r\n  }\r\n}\r\n\r\nconst onChange = () => {\r\n  if (!changed.value) {\r\n    return\r\n  }\r\n\r\n  if (isString(fillMapping)) {\r\n    const data: Record<string, any> = {}\r\n\r\n    const pairs = fillMapping.split(',')\r\n    for (let i = 0; i < pairs.length; i++) {\r\n      const dstName = pairs[i].split(':')[0].trim()\r\n      data[dstName] = undefined\r\n    }\r\n\r\n    formContext.updateModelValueMulti(data)\r\n  }\r\n}\r\n\r\nconst dropdownRef = useTemplateRef('dropdown')\r\nconst backfill: LovContext['backfill'] = (params) => {\r\n  dropdownRef.value!.handleClose()\r\n\r\n  if (isString(fillMapping)) {\r\n    const data: Record<string, any> = {}\r\n\r\n    const pairs = fillMapping.split(',')\r\n    for (let i = 0; i < pairs.length; i++) {\r\n      const dstName = pairs[i].split(':')[0].trim()\r\n      const srcName = pairs[i].split(':')[1].trim()\r\n      const srcValue = params[srcName]\r\n      data[dstName] = srcValue\r\n    }\r\n\r\n    formContext.updateModelValueMulti(data)\r\n  } else {\r\n    fillMapping && fillMapping(params)\r\n  }\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: elModel,\r\n    backfill,\r\n    registerKeydownHandler,\r\n  })\r\n)\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input-number\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        :min=\"min\"\r\n        :max=\"max\"\r\n        :step=\"step\"\r\n        :step-strictly=\"stepStrictly\"\r\n        :precision=\"precision\"\r\n        :controls=\"controls\"\r\n        :controls-position=\"controlsPosition\"\r\n        style=\"width: 100%\"\r\n      />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInputNumber } from 'element-plus'\r\nimport type { NumberInputProps } from './NumberInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormContext } from '../hooks'\r\nimport { computed } from 'vue'\r\nimport { isNumber, isString, toNumber } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\ndefineOptions({ name: 'OFormNumber', inheritAttrs: false })\r\n\r\nconst {\r\n  name,\r\n  label,\r\n  labelWidth,\r\n  required,\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\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\n\r\nconst formContext = useFormContext()!\r\nconst elModel = computed<number | undefined>({\r\n  get: () => {\r\n    const value = formContext.modelValue[name]\r\n    if (!value) {\r\n      return undefined\r\n    }\r\n    if (isNumber(value)) {\r\n      return value\r\n    } else if (isString(value)) {\r\n      return toNumber(value)\r\n    } else {\r\n      throw new OrionError('数字输入框的值只能为字符串或数字类型')\r\n    }\r\n  },\r\n  set: (newValue) => {\r\n    if (!newValue) {\r\n      formContext.updateModelValue(name, undefined)\r\n    } else {\r\n      formContext.updateModelValue(name, newValue)\r\n    }\r\n  },\r\n})\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-dropdown ref=\"dropdown\" :trigger=\"'click'\" @visible-change=\"onVisibleChange\" style=\"width: 100%;\"\r\n        :hide-on-click=\"false\">\r\n        <div @focus=\"onFocus\" :style=\"{ position: 'relative', width: '100%', height: '100%' }\">\r\n          <el-input ref=\"input\" v-model=\"inputValue\" :maxlength=\"maxlength\" :placeholder=\"placeholder\"\r\n            :disabled=\"disabled\" :readonly=\"readonly\" @input=\"onInput\" @keydown=\"onKeydown\" @blur=\"onBlur\"\r\n            :suffix-icon=\"visible ? ArrowUp : ArrowDown\" />\r\n          <div v-if=\"!visible\"\r\n            :style=\"{ position: 'absolute', inset: '4px 30px 4px 4px', overflow: 'hidden', pointerEvents: 'none' }\">\r\n            <o-space>\r\n              <el-tag v-for=\"tag in tags\" type=\"info\">{{ tag }}</el-tag>\r\n            </o-space>\r\n          </div>\r\n        </div>\r\n        <template #dropdown>\r\n          <slot></slot>\r\n        </template>\r\n      </el-dropdown>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput, ElDropdown, ElTag } from 'element-plus'\r\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\r\nimport { RowCompletionProvider, MultiTableSelectContext, multiTableSelectContext, type MultiTableSelectProps } from './MultiTableSelect'\r\nimport { useFormItemSpan, useFormItemRules, useFormContext } from '../hooks'\r\nimport { computed, onMounted, provide, reactive, ref, useTemplateRef, watch } from 'vue'\r\nimport { isArray, pick } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\ndefineOptions({ name: 'OFormTableselect', inheritAttrs: false })\r\n\r\nconst emit = defineEmits(['change'])\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly, pick: pickup, tag } = defineProps<MultiTableSelectProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\n\r\nconst inputValue = ref('')\r\nconst modifyByForm = ref(false)\r\nconst formContext = useFormContext()!\r\nconst elModel = computed<any[] | undefined>({\r\n  get: () => {\r\n    const value = formContext.modelValue[name]\r\n    if (!value) {\r\n      return undefined\r\n    }\r\n    if (!isArray(value)) {\r\n      throw new OrionError('表格下拉框的值只能为数组类型')\r\n    }\r\n    return value\r\n  },\r\n  set: (newValue) => {\r\n    modifyByForm.value = false\r\n    if (!newValue) {\r\n      formContext.updateModelValue(name, undefined)\r\n    } else {\r\n      formContext.updateModelValue(name, newValue)\r\n    }\r\n  },\r\n})\r\n\r\nconst selection = ref<any[] | undefined>([])\r\nonMounted(async () => {\r\n  if (completionItemProvider) {\r\n    selection.value = await completionItemProvider(elModel.value)\r\n    if (selection.value) {\r\n      tags.value = selection.value.map((item) => tag(item))\r\n    }\r\n  }\r\n})\r\nwatch(elModel, async () => {\r\n  if (modifyByForm.value) {\r\n    if (completionItemProvider) {\r\n      selection.value = await completionItemProvider(elModel.value)\r\n      if (selection.value) {\r\n        tags.value = selection.value.map((item) => tag(item))\r\n      }\r\n    }\r\n  } else {\r\n    modifyByForm.value = true\r\n  }\r\n})\r\n\r\nconst visible = ref(false)\r\nconst onVisibleChange = (val: boolean) => {\r\n  visible.value = val\r\n}\r\nconst onInput = () => {\r\n  if (!visible.value) {\r\n    dropdownRef.value!.handleOpen()\r\n  }\r\n}\r\n\r\nconst inputRef = useTemplateRef('input')\r\nconst onFocus = () => {\r\n  inputRef.value!.focus()\r\n}\r\n\r\nconst onKeydown = (e: any) => {\r\n  if (visible.value) {\r\n    if (['Enter', 'Escape'].indexOf(e.code) > -1) {\r\n      dropdownRef.value!.handleClose()\r\n    } else if ('ArrowDown' == e.code) {\r\n      e.stopPropagation()\r\n    } else if ('Tab' == e.code) {\r\n      visible.value = false\r\n      dropdownRef.value!.handleClose()\r\n    }\r\n  } else {\r\n    if (['ArrowUp', 'ArrowDown'].indexOf(e.code) > -1) {\r\n      dropdownRef.value!.handleOpen()\r\n      e.stopPropagation()\r\n    }\r\n  }\r\n}\r\n\r\nconst onBlur = async (e: any) => {\r\n  if (visible.value) {\r\n    inputRef.value!.focus()\r\n  } else {\r\n    inputValue.value = ''\r\n  }\r\n}\r\n\r\nconst tags = ref<string[]>([])\r\nconst dropdownRef = useTemplateRef('dropdown')\r\nconst onSelect: MultiTableSelectContext['onSelect'] = (selection, clear) => {\r\n  elModel.value = selection.map((item) => pick(item, pickup))\r\n  tags.value = selection.map((item) => tag(item))\r\n  if (clear) {\r\n    inputValue.value = ''\r\n  }\r\n  emit('change', selection)\r\n}\r\nconst selectDone: MultiTableSelectContext['selectDone'] = () => {\r\n  dropdownRef.value!.handleClose()\r\n}\r\n\r\nlet completionItemProvider: RowCompletionProvider | undefined\r\nconst registerRowCompletionProvider: MultiTableSelectContext['registerRowCompletionProvider'] = (provider) => {\r\n  completionItemProvider = provider\r\n}\r\n\r\nprovide(\r\n  multiTableSelectContext,\r\n  reactive({\r\n    inputValue,\r\n    selection,\r\n    onSelect,\r\n    selectDone,\r\n    tag,\r\n    registerRowCompletionProvider\r\n  })\r\n)\r\n</script>","import { withInstall } from '../_util'\r\n\r\nimport Form from './Form.vue'\r\nimport StringInput from './StringInput/StringInput.vue'\r\nimport PasswordInput from './PasswordInput/PasswordInput.vue'\r\nimport Textarea from './Textarea/Textarea.vue'\r\nimport SingleSelect from './SingleSelect/SingleSelect.vue'\r\nimport MultiSelect from './MultiSelect/MultiSelect.vue'\r\nimport RadioGroup from './RadioGroup/RadioGroup.vue'\r\nimport CheckboxGroup from './CheckboxGroup/CheckboxGroup.vue'\r\nimport Checkbox from './Checkbox/Checkbox.vue'\r\nimport Switch from './Switch/Switch.vue'\r\nimport DateInput from './DateInput/DateInput.vue'\r\nimport FileInput from './FileInput/FileInput.vue'\r\nimport ButtonGroup from './ButtonGroup/ButtonGroup.vue'\r\nimport DiyItem from './DiyItem/DiyItem.vue'\r\nimport LovInput from './LovInput/LovInput.vue'\r\nimport NumberInput from './NumberInput/NumberInput.vue'\r\nimport MultiTableSelect from './MultiTableSelect/MultiTableSelect.vue'\r\n\r\nexport default withInstall<\r\n  typeof Form,\r\n  {\r\n    StringInput: typeof StringInput\r\n    PasswordInput: typeof PasswordInput\r\n    Textarea: typeof Textarea\r\n    SingleSelect: typeof SingleSelect\r\n    MultiSelect: typeof MultiSelect\r\n    RadioGroup: typeof RadioGroup\r\n    CheckboxGroup: typeof CheckboxGroup\r\n    Checkbox: typeof Checkbox\r\n    Switch: typeof Switch\r\n    DateInput: typeof DateInput\r\n    FileInput: typeof FileInput\r\n    ButtonGroup: typeof ButtonGroup\r\n    DiyItem: typeof DiyItem\r\n    LovInput: typeof LovInput\r\n    NumberInput: typeof NumberInput\r\n    MultiTableSelect: typeof MultiTableSelect\r\n  }\r\n>(Form, {\r\n  StringInput,\r\n  PasswordInput,\r\n  Textarea,\r\n  SingleSelect,\r\n  MultiSelect,\r\n  RadioGroup,\r\n  CheckboxGroup,\r\n  Checkbox,\r\n  Switch,\r\n  DateInput,\r\n  FileInput,\r\n  ButtonGroup,\r\n  DiyItem,\r\n  LovInput,\r\n  NumberInput,\r\n  MultiTableSelect,\r\n})\r\n\r\nexport * from './Form'\r\nexport * from './StringInput'\r\nexport * from './PasswordInput'\r\nexport * from './Textarea'\r\nexport * from './SingleSelect'\r\nexport * from './MultiSelect'\r\nexport * from './RadioGroup'\r\nexport * from './CheckboxGroup'\r\nexport * from './Checkbox'\r\nexport * from './Switch'\r\nexport * from './DateInput'\r\nexport * from './FileInput'\r\nexport * from './ButtonGroup'\r\nexport * from './DiyItem'\r\nexport * from './LovInput'\r\nexport * from './NumberInput'\r\nexport * from './MultiTableSelect'\r\n"],"names":["emit","__emit","updateModelValue","name","value","__props","OrionError","updateModelValueMulti","data","modelKeys","dataKeys","diff","difference","isEmpty","formRef","useTemplateRef","__expose","provide","formContextKey","reactive","toRef","normalizedSpan","useFormItemSpan","normalizedRules","useFormItemRules","elModel","useFormItemStringModel","attrs","useAttrs","normalizedDisabled","useFormItemDisabled","normalizedCode","useFormItemCode","content","computed","getSingleCodeContent","useFormItemMultiModel","formContext","useFormContext","getMultiCodeContent","useFormItemBooleanModel","isTimePicker","normalizedSourceFormat","dateType","picker","isDate","isString","dayjsObj","dayjs","newValue","watch","file","ref","fileRef","onMounted","event","_a","style","visible","onVisibleChange","val","changed","onInput","dropdownRef","keydownHandler","registerKeydownHandler","handler","onKeydown","e","inputRef","onBlur","onChange","pairs","i","dstName","lovContextKey","params","srcName","srcValue","isNumber","toNumber","inputValue","modifyByForm","isArray","selection","completionItemProvider","tags","item","onFocus","onSelect","clear","pick","selectDone","registerRowCompletionProvider","provider","multiTableSelectContext","index","withInstall","Form","StringInput","PasswordInput","Textarea","SingleSelect","MultiSelect","RadioGroup","CheckboxGroup","Checkbox","Switch","DateInput","FileInput","ButtonGroup","DiyItem","LovInput","NumberInput","MultiTableSelect"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Form/Form.vue","../../../src/components/Form/StringInput/StringInput.vue","../../../src/components/Form/PasswordInput/PasswordInput.vue","../../../src/components/Form/Textarea/Textarea.vue","../../../src/components/Form/SingleSelect/SingleSelect.vue","../../../src/components/Form/MultiSelect/MultiSelect.vue","../../../src/components/Form/RadioGroup/RadioGroup.vue","../../../src/components/Form/CheckboxGroup/CheckboxGroup.vue","../../../src/components/Form/Checkbox/Checkbox.vue","../../../src/components/Form/Switch/Switch.vue","../../../src/components/Form/DateInput/DateInput.vue","../../../src/components/Form/FileInput/FileInput.vue","../../../src/components/Form/ButtonGroup/ButtonGroup.vue","../../../src/components/Form/DiyItem/DiyItem.vue","../../../src/components/Form/LovInput/LovInput.vue","../../../src/components/Form/NumberInput/NumberInput.vue","../../../src/components/Form/TableSelect/TableSelect.vue","../../../src/components/Form/index.ts"],"sourcesContent":["<template>\r\n  <el-form ref=\"form\" :model=\"modelValue\" :rules=\"rules\" :label-width=\"itemLabelWidth\" :disabled=\"disabled\" class=\"orion-form\">\r\n    <el-row :gutter=\"16\">\r\n      <slot></slot>\r\n    </el-row>\r\n  </el-form>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { provide, reactive, toRef, useTemplateRef } from 'vue'\r\nimport { ElForm, ElRow } from 'element-plus'\r\nimport { type FormProps, type FormExpose, formContextKey } from './Form'\r\nimport OrionError from '../../error/OrionError'\r\nimport { difference, isEmpty } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OForm', inheritAttrs: false })\r\n\r\nconst { rules, itemSpan = 6, itemLabelWidth = 'auto', disabled = false, modelValue } = defineProps<FormProps>()\r\n\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst updateModelValue = (name: string, value: any) => {\r\n  if (!Object.keys(modelValue).includes(name)) {\r\n    throw new OrionError(`modelValue中不存在[${name}]`)\r\n  }\r\n  emit('update:modelValue', { ...modelValue, [name]: value })\r\n}\r\n\r\nconst updateModelValueMulti = (data: Record<string, any>) => {\r\n  const modelKeys = Object.keys(modelValue)\r\n  const dataKeys = Object.keys(data)\r\n  const diff = difference(dataKeys, modelKeys)\r\n  if (!isEmpty(diff)) {\r\n    throw new OrionError(`modelValue中不存在[${diff.join(',')}]`)\r\n  }\r\n  emit('update:modelValue', { ...modelValue, ...data })\r\n}\r\n\r\nconst formRef = useTemplateRef('form')\r\n\r\nconst validate: FormExpose['validate'] = async () => {\r\n  return await formRef.value!.validate()\r\n}\r\n\r\ndefineExpose({\r\n  validate,\r\n})\r\n\r\nprovide(\r\n  formContextKey,\r\n  reactive({\r\n    modelValue: toRef(() => modelValue),\r\n    updateModelValue,\r\n    updateModelValueMulti,\r\n    rules: toRef(() => rules),\r\n    itemSpan: toRef(() => itemSpan),\r\n    disabled: toRef(() => disabled),\r\n  })\r\n)\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-model=\"elModel\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\" :readonly=\"readonly\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { StringInputProps } from './StringInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormString', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly } = defineProps<StringInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-model=\"elModel\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\" :readonly=\"readonly\" type=\"password\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { PasswordInputProps } from './PasswordInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormPassword', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly } = defineProps<PasswordInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input\r\n        v-model=\"elModel\"\r\n        :maxlength=\"maxlength\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        type=\"textarea\"\r\n        :rows=\"rows\"\r\n        :resize=\"'none'\"\r\n      />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { TextareaProps } from './Textarea'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormTextarea', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly, rows } = defineProps<TextareaProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-if=\"normalizedDisabled\" :model-value=\"content\" :placeholder=\"placeholder\" :disabled=\"true\" :readonly=\"true\" />\r\n      <el-select v-else v-model=\"elModel\" :placeholder=\"placeholder\" :clearable=\"clearable\" :filterable=\"filterable\" @change=\"attrs.onChange as any\">\r\n        <el-option v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\" :value=\"codeItem.value\" />\r\n      </el-select>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, useAttrs } from 'vue'\r\nimport { ElCol, ElFormItem, ElInput, ElSelect, ElOption } from 'element-plus'\r\nimport type { SingleSelectProps } from './SingleSelect'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemDisabled, useFormItemCode, useFormItemStringModel } from '../hooks'\r\nimport { getSingleCodeContent } from '../utils'\r\n\r\ndefineOptions({ name: 'OFormSingleselect', inheritAttrs: false })\r\nconst attrs = useAttrs()\r\n\r\nconst { name, label, labelWidth, required, placeholder, clearable, filterable } = defineProps<SingleSelectProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedDisabled = useFormItemDisabled()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemStringModel()\r\nconst content = computed(() => getSingleCodeContent(normalizedCode.value, elModel.value))\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input v-if=\"normalizedDisabled\" :model-value=\"content\" :placeholder=\"placeholder\" :disabled=\"true\" :readonly=\"true\" />\r\n      <el-select\r\n        v-else\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        multiple\r\n        :collapse-tags=\"collapseTags\"\r\n        :collapse-tags-tooltip=\"collapseTagsTooltip\"\r\n        @change=\"attrs.onChange as any\"\r\n      >\r\n        <el-option v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\" :value=\"codeItem.value\" />\r\n      </el-select>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, useAttrs } from 'vue'\r\nimport { ElCol, ElFormItem, ElInput, ElSelect, ElOption } from 'element-plus'\r\nimport type { MultiSelectProps } from './MultiSelect'\r\nimport { useFormContext, useFormItemSpan, useFormItemRules, useFormItemDisabled, useFormItemCode, useFormItemMultiModel } from '../hooks'\r\nimport { getMultiCodeContent } from '../utils'\r\n\r\ndefineOptions({ name: 'OFormMultiselect', inheritAttrs: false })\r\nconst attrs = useAttrs()\r\n\r\nconst { name, label, labelWidth, required, placeholder, collapseTags, collapseTagsTooltip } = defineProps<MultiSelectProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedDisabled = useFormItemDisabled()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemMultiModel()\r\nconst formContext = useFormContext()!\r\nconst content = computed(() => getMultiCodeContent(normalizedCode.value, formContext.modelValue[name]))\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-radio-group v-model=\"elModel\" :disabled=\"disabled\">\r\n        <el-radio v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :value=\"codeItem.value\">\r\n          {{ codeItem.content }}\r\n        </el-radio>\r\n      </el-radio-group>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElRadioGroup, ElRadio } from 'element-plus'\r\nimport type { RadioGroupProps } from './RadioGroup'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemCode, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormRadiogroup', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, disabled } = defineProps<RadioGroupProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemStringModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-checkbox-group v-model=\"elModel\" :disabled=\"disabled\">\r\n        <el-checkbox v-for=\"codeItem in normalizedCode\" :key=\"codeItem.value\" :label=\"codeItem.content\" :value=\"codeItem.value\" />\r\n      </el-checkbox-group>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElCheckboxGroup, ElCheckbox } from 'element-plus'\r\nimport type { CheckboxGroupProps } from './CheckboxGroup'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemCode, useFormItemMultiModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormCheckboxgroup', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, disabled } = defineProps<CheckboxGroupProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst normalizedCode = useFormItemCode()\r\nconst elModel = useFormItemMultiModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :rules=\"rules\">\r\n      <el-checkbox v-model=\"elModel\" :disabled=\"disabled\"></el-checkbox>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElCheckbox } from 'element-plus'\r\nimport type { CheckboxProps } from './Checkbox'\r\nimport { useFormItemBooleanModel, useFormItemSpan } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormCheckbox', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, rules, disabled } = defineProps<CheckboxProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst elModel = useFormItemBooleanModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :rules=\"rules\">\r\n      <el-switch v-model=\"elModel\" :disabled=\"disabled\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElSwitch } from 'element-plus'\r\nimport type { SwitchProps } from './Switch'\r\nimport { useFormItemBooleanModel, useFormItemSpan } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormSwitch', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, rules, disabled } = defineProps<SwitchProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst elModel = useFormItemBooleanModel()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-time-picker\r\n        v-if=\"isTimePicker\"\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        :editable=\"editable\"\r\n        :clearable=\"clearable\"\r\n        :format=\"normalizedSourceFormat\"\r\n        arrow-control\r\n        style=\"width: 100%\"\r\n      />\r\n      <el-date-picker\r\n        v-else\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        :editable=\"editable\"\r\n        :clearable=\"clearable\"\r\n        :type=\"dateType\"\r\n        :format=\"normalizedSourceFormat\"\r\n        style=\"width: 100%\"\r\n      />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed } from 'vue'\r\nimport { ElCol, ElFormItem, ElDatePicker, ElTimePicker, dayjs } from 'element-plus'\r\nimport type { DateInputProps } from './DateInput'\r\nimport { useFormContext, useFormItemSpan, useFormItemRules } from '../hooks'\r\nimport { isDate, isString } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\ndefineOptions({ name: 'OFormDate', inheritAttrs: false })\r\n\r\nconst {\r\n  name,\r\n  label,\r\n  labelWidth,\r\n  required,\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\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\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 formContext = useFormContext()!\r\nconst elModel = computed<Date | undefined>({\r\n  get: () => {\r\n    const value = formContext.modelValue[name]\r\n    if (!value) {\r\n      return undefined\r\n    }\r\n    if (isDate(value)) {\r\n      return value as Date\r\n    } else if (isString(value)) {\r\n      const dayjsObj = dayjs(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        formContext.updateModelValue(name, '')\r\n      } else {\r\n        formContext.updateModelValue(name, dayjs(newValue).format(normalizedSourceFormat.value))\r\n      }\r\n    } else {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name, undefined)\r\n      } else {\r\n        formContext.updateModelValue(name, newValue)\r\n      }\r\n    }\r\n  },\r\n})\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input ref=\"inputRef\" v-model=\"file\" :disabled=\"disabled\" type=\"file\" :validate-event=\"false\" />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onMounted, ref, useTemplateRef, watch } from 'vue'\r\nimport { ElCol, ElFormItem, ElInput } from 'element-plus'\r\nimport type { FileInputProps } from './FileInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormFile', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, disabled } = defineProps<FileInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\nwatch(elModel, () => {\r\n  if (!elModel.value) {\r\n    file.value = ''\r\n  }\r\n})\r\n\r\nconst file = ref('')\r\nconst fileRef = useTemplateRef('inputRef')\r\nonMounted(() => {\r\n  fileRef.value!.input!.onchange = (event) => {\r\n    //@ts-ignore\r\n    elModel.value = event?.target?.files[0]\r\n  }\r\n  file.value = ''\r\n})\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\" :style=\"style\">\r\n    <space :gutter=\"gutter\" style=\"margin-bottom: var(--orion-form-validation-message-height)\"> <slot></slot> </space>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol } from 'element-plus'\r\nimport type { ButtonGroupProps } from './ButtonGroup'\r\nimport Space from '../../Space'\r\nimport { useFormItemSpan } from '../hooks'\r\nimport { computed, CSSProperties } from 'vue'\r\n\r\ndefineOptions({ name: 'OFormButtongroup', inheritAttrs: false })\r\n\r\nconst { gutter, align = 'right' } = defineProps<ButtonGroupProps>()\r\nconst style = computed<CSSProperties>(() => {\r\n  return {\r\n    textAlign: align,\r\n  }\r\n})\r\n\r\nconst normalizedSpan = useFormItemSpan()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <slot></slot>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem } from 'element-plus'\r\nimport type { DiyItemProps } from './DiyItem'\r\nimport { useFormItemSpan, useFormItemRules } from '../hooks'\r\n\r\ndefineOptions({ name: 'OFormDiy', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required } = defineProps<DiyItemProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-dropdown ref=\"dropdown\" :trigger=\"'click'\" @visible-change=\"onVisibleChange\" style=\"width: 100%\">\r\n        <el-input ref=\"input\" v-model=\"elModel\" :maxlength=\"maxlength\" :placeholder=\"placeholder\" :disabled=\"disabled\"\r\n          :readonly=\"readonly\" @input=\"onInput\" @keydown=\"onKeydown\" @change=\"onChange\" @blur=\"onBlur\"\r\n          :suffix-icon=\"Search\" />\r\n        <template #dropdown>\r\n          <slot></slot>\r\n        </template>\r\n      </el-dropdown>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput, ElDropdown } from 'element-plus'\r\nimport { Search } from '@element-plus/icons-vue'\r\nimport { KeydownHandler, LovContext, lovContextKey, type LovInputProps } from './LovInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormItemStringModel, useFormContext } from '../hooks'\r\nimport { provide, reactive, ref, useTemplateRef } from 'vue'\r\nimport { isString } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OFormLov', inheritAttrs: false })\r\n\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly, fillMapping } = defineProps<LovInputProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\nconst elModel = useFormItemStringModel()\r\nconst formContext = useFormContext()!\r\n\r\nconst visible = ref(false)\r\nconst onVisibleChange = (val: boolean) => {\r\n  visible.value = val\r\n}\r\n\r\nconst changed = ref(false)\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\nconst inputRef = useTemplateRef('input')\r\nconst onBlur = async (e: any) => {\r\n  if (visible.value) {\r\n    inputRef.value!.focus()\r\n  }\r\n}\r\n\r\nconst onChange = () => {\r\n  if (!changed.value) {\r\n    return\r\n  }\r\n\r\n  if (isString(fillMapping)) {\r\n    const data: Record<string, any> = {}\r\n\r\n    const pairs = fillMapping.split(',')\r\n    for (let i = 0; i < pairs.length; i++) {\r\n      const dstName = pairs[i].split(':')[0].trim()\r\n      data[dstName] = undefined\r\n    }\r\n\r\n    formContext.updateModelValueMulti(data)\r\n  }\r\n}\r\n\r\nconst dropdownRef = useTemplateRef('dropdown')\r\nconst backfill: LovContext['backfill'] = (params) => {\r\n  dropdownRef.value!.handleClose()\r\n\r\n  if (isString(fillMapping)) {\r\n    const data: Record<string, any> = {}\r\n\r\n    const pairs = fillMapping.split(',')\r\n    for (let i = 0; i < pairs.length; i++) {\r\n      const dstName = pairs[i].split(':')[0].trim()\r\n      const srcName = pairs[i].split(':')[1].trim()\r\n      const srcValue = params[srcName]\r\n      data[dstName] = srcValue\r\n    }\r\n\r\n    formContext.updateModelValueMulti(data)\r\n  } else {\r\n    fillMapping && fillMapping(params)\r\n  }\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: elModel,\r\n    backfill,\r\n    registerKeydownHandler,\r\n  })\r\n)\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-input-number\r\n        v-model=\"elModel\"\r\n        :placeholder=\"placeholder\"\r\n        :disabled=\"disabled\"\r\n        :readonly=\"readonly\"\r\n        :min=\"min\"\r\n        :max=\"max\"\r\n        :step=\"step\"\r\n        :step-strictly=\"stepStrictly\"\r\n        :precision=\"precision\"\r\n        :controls=\"controls\"\r\n        :controls-position=\"controlsPosition\"\r\n        style=\"width: 100%\"\r\n      />\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInputNumber } from 'element-plus'\r\nimport type { NumberInputProps } from './NumberInput'\r\nimport { useFormItemSpan, useFormItemRules, useFormContext } from '../hooks'\r\nimport { computed } from 'vue'\r\nimport { isNumber, isString, toNumber } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\ndefineOptions({ name: 'OFormNumber', inheritAttrs: false })\r\n\r\nconst {\r\n  name,\r\n  label,\r\n  labelWidth,\r\n  required,\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\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\n\r\nconst formContext = useFormContext()!\r\nconst elModel = computed<number | undefined>({\r\n  get: () => {\r\n    const value = formContext.modelValue[name]\r\n    if (!value) {\r\n      return undefined\r\n    }\r\n    if (isNumber(value)) {\r\n      return value\r\n    } else if (isString(value)) {\r\n      return toNumber(value)\r\n    } else {\r\n      throw new OrionError('数字输入框的值只能为字符串或数字类型')\r\n    }\r\n  },\r\n  set: (newValue) => {\r\n    if (!newValue) {\r\n      formContext.updateModelValue(name, undefined)\r\n    } else {\r\n      formContext.updateModelValue(name, newValue)\r\n    }\r\n  },\r\n})\r\n</script>\r\n","<template>\r\n  <el-col :span=\"normalizedSpan\">\r\n    <el-form-item :prop=\"name\" :label=\"label\" :label-width=\"labelWidth\" :required=\"required\" :rules=\"normalizedRules\">\r\n      <el-dropdown ref=\"dropdown\" :trigger=\"'click'\" @visible-change=\"onVisibleChange\" style=\"width: 100%;\">\r\n        <div @focus=\"onFocus\" :style=\"{ position: 'relative', width: '100%', height: '100%' }\">\r\n          <el-input ref=\"input\" v-model=\"inputValue\" :maxlength=\"maxlength\" :placeholder=\"placeholder\"\r\n            :disabled=\"disabled\" :readonly=\"readonly\" @input=\"onInput\" @keydown=\"onKeydown\" @blur=\"onBlur\"\r\n            :suffix-icon=\"visible ? ArrowUp : ArrowDown\" />\r\n          <div v-if=\"!visible\"\r\n            :style=\"{ position: 'absolute', inset: '4px 30px 4px 4px', overflow: 'hidden', pointerEvents: 'none' }\">\r\n            <o-space>\r\n              <el-tag v-for=\"tag in tags\" type=\"info\">{{ tag }}</el-tag>\r\n            </o-space>\r\n          </div>\r\n        </div>\r\n        <template #dropdown>\r\n          <slot></slot>\r\n        </template>\r\n      </el-dropdown>\r\n    </el-form-item>\r\n  </el-col>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ElCol, ElFormItem, ElInput, ElDropdown, ElTag } from 'element-plus'\r\nimport { ArrowDown, ArrowUp } from '@element-plus/icons-vue'\r\nimport { RowCompletionProvider, TableSelectContext, tableSelectContext, type TableSelectProps } from './TableSelect'\r\nimport { useFormItemSpan, useFormItemRules, useFormContext } from '../hooks'\r\nimport { computed, onMounted, provide, reactive, ref, useTemplateRef, watch } from 'vue'\r\nimport { isArray, pick } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\ndefineOptions({ name: 'OFormTableselect', inheritAttrs: false })\r\n\r\nconst emit = defineEmits(['change'])\r\nconst { name, label, labelWidth, required, maxlength, placeholder, disabled, readonly, pick: pickup, tag } = defineProps<TableSelectProps>()\r\nconst normalizedSpan = useFormItemSpan()\r\nconst normalizedRules = useFormItemRules()\r\n\r\nconst inputValue = ref('')\r\nconst modifyByForm = ref(false)\r\nconst formContext = useFormContext()!\r\nconst elModel = computed<any[] | undefined>({\r\n  get: () => {\r\n    const value = formContext.modelValue[name]\r\n    if (!value) {\r\n      return undefined\r\n    }\r\n    if (!isArray(value)) {\r\n      throw new OrionError('表格下拉框的值只能为数组类型')\r\n    }\r\n    return value\r\n  },\r\n  set: (newValue) => {\r\n    modifyByForm.value = false\r\n    if (!newValue) {\r\n      formContext.updateModelValue(name, undefined)\r\n    } else {\r\n      formContext.updateModelValue(name, newValue)\r\n    }\r\n  },\r\n})\r\n\r\nconst selection = ref<any[] | undefined>([])\r\nonMounted(async () => {\r\n  if (completionItemProvider) {\r\n    selection.value = await completionItemProvider(elModel.value)\r\n    if (selection.value) {\r\n      tags.value = selection.value.map((item) => tag(item))\r\n    }\r\n  }\r\n})\r\nwatch(elModel, async () => {\r\n  if (modifyByForm.value) {\r\n    if (completionItemProvider) {\r\n      selection.value = await completionItemProvider(elModel.value)\r\n      if (selection.value) {\r\n        tags.value = selection.value.map((item) => tag(item))\r\n      }\r\n    }\r\n  } else {\r\n    modifyByForm.value = true\r\n  }\r\n})\r\n\r\nconst visible = ref(false)\r\nconst onVisibleChange = (val: boolean) => {\r\n  visible.value = val\r\n}\r\nconst onInput = () => {\r\n  if (!visible.value) {\r\n    dropdownRef.value!.handleOpen()\r\n  }\r\n}\r\n\r\nconst inputRef = useTemplateRef('input')\r\nconst onFocus = () => {\r\n  inputRef.value!.focus()\r\n}\r\n\r\nconst onKeydown = (e: any) => {\r\n  if (visible.value) {\r\n    if (['Enter', 'Escape'].indexOf(e.code) > -1) {\r\n      dropdownRef.value!.handleClose()\r\n    } else if ('ArrowDown' == e.code) {\r\n      e.stopPropagation()\r\n    } else if ('Tab' == e.code) {\r\n      visible.value = false\r\n      dropdownRef.value!.handleClose()\r\n    }\r\n  } else {\r\n    if (['ArrowUp', 'ArrowDown'].indexOf(e.code) > -1) {\r\n      dropdownRef.value!.handleOpen()\r\n      e.stopPropagation()\r\n    }\r\n  }\r\n}\r\n\r\nconst onBlur = async (e: any) => {\r\n  if (visible.value) {\r\n    inputRef.value!.focus()\r\n  } else {\r\n    inputValue.value = ''\r\n  }\r\n}\r\n\r\nconst tags = ref<string[]>([])\r\nconst dropdownRef = useTemplateRef('dropdown')\r\nconst onSelect: TableSelectContext['onSelect'] = (selection, clear) => {\r\n  elModel.value = selection.map((item) => pick(item, pickup))\r\n  tags.value = selection.map((item) => tag(item))\r\n  if (clear) {\r\n    inputValue.value = ''\r\n  }\r\n  emit('change', selection)\r\n}\r\nconst selectDone: TableSelectContext['selectDone'] = () => {\r\n  dropdownRef.value!.handleClose()\r\n}\r\n\r\nlet completionItemProvider: RowCompletionProvider | undefined\r\nconst registerRowCompletionProvider: TableSelectContext['registerRowCompletionProvider'] = (provider) => {\r\n  completionItemProvider = provider\r\n}\r\n\r\nprovide(\r\n  tableSelectContext,\r\n  reactive({\r\n    inputValue,\r\n    selection,\r\n    onSelect,\r\n    selectDone,\r\n    tag,\r\n    registerRowCompletionProvider\r\n  })\r\n)\r\n</script>","import { withInstall } from '../_util'\r\n\r\nimport Form from './Form.vue'\r\nimport StringInput from './StringInput/StringInput.vue'\r\nimport PasswordInput from './PasswordInput/PasswordInput.vue'\r\nimport Textarea from './Textarea/Textarea.vue'\r\nimport SingleSelect from './SingleSelect/SingleSelect.vue'\r\nimport MultiSelect from './MultiSelect/MultiSelect.vue'\r\nimport RadioGroup from './RadioGroup/RadioGroup.vue'\r\nimport CheckboxGroup from './CheckboxGroup/CheckboxGroup.vue'\r\nimport Checkbox from './Checkbox/Checkbox.vue'\r\nimport Switch from './Switch/Switch.vue'\r\nimport DateInput from './DateInput/DateInput.vue'\r\nimport FileInput from './FileInput/FileInput.vue'\r\nimport ButtonGroup from './ButtonGroup/ButtonGroup.vue'\r\nimport DiyItem from './DiyItem/DiyItem.vue'\r\nimport LovInput from './LovInput/LovInput.vue'\r\nimport NumberInput from './NumberInput/NumberInput.vue'\r\nimport TableSelect from './TableSelect/TableSelect.vue'\r\n\r\nexport default withInstall<\r\n  typeof Form,\r\n  {\r\n    StringInput: typeof StringInput\r\n    PasswordInput: typeof PasswordInput\r\n    Textarea: typeof Textarea\r\n    SingleSelect: typeof SingleSelect\r\n    MultiSelect: typeof MultiSelect\r\n    RadioGroup: typeof RadioGroup\r\n    CheckboxGroup: typeof CheckboxGroup\r\n    Checkbox: typeof Checkbox\r\n    Switch: typeof Switch\r\n    DateInput: typeof DateInput\r\n    FileInput: typeof FileInput\r\n    ButtonGroup: typeof ButtonGroup\r\n    DiyItem: typeof DiyItem\r\n    LovInput: typeof LovInput\r\n    NumberInput: typeof NumberInput\r\n    TableSelect: typeof TableSelect\r\n  }\r\n>(Form, {\r\n  StringInput,\r\n  PasswordInput,\r\n  Textarea,\r\n  SingleSelect,\r\n  MultiSelect,\r\n  RadioGroup,\r\n  CheckboxGroup,\r\n  Checkbox,\r\n  Switch,\r\n  DateInput,\r\n  FileInput,\r\n  ButtonGroup,\r\n  DiyItem,\r\n  LovInput,\r\n  NumberInput,\r\n  TableSelect,\r\n})\r\n\r\nexport * from './Form'\r\nexport * from './StringInput'\r\nexport * from './PasswordInput'\r\nexport * from './Textarea'\r\nexport * from './SingleSelect'\r\nexport * from './MultiSelect'\r\nexport * from './RadioGroup'\r\nexport * from './CheckboxGroup'\r\nexport * from './Checkbox'\r\nexport * from './Switch'\r\nexport * from './DateInput'\r\nexport * from './FileInput'\r\nexport * from './ButtonGroup'\r\nexport * from './DiyItem'\r\nexport * from './LovInput'\r\nexport * from './NumberInput'\r\nexport * from './TableSelect'\r\n"],"names":["emit","__emit","updateModelValue","name","value","__props","OrionError","updateModelValueMulti","data","modelKeys","dataKeys","diff","difference","isEmpty","formRef","useTemplateRef","__expose","provide","formContextKey","reactive","toRef","normalizedSpan","useFormItemSpan","normalizedRules","useFormItemRules","elModel","useFormItemStringModel","attrs","useAttrs","normalizedDisabled","useFormItemDisabled","normalizedCode","useFormItemCode","content","computed","getSingleCodeContent","useFormItemMultiModel","formContext","useFormContext","getMultiCodeContent","useFormItemBooleanModel","isTimePicker","normalizedSourceFormat","dateType","picker","isDate","isString","dayjsObj","dayjs","newValue","watch","file","ref","fileRef","onMounted","event","_a","style","visible","onVisibleChange","val","changed","onInput","dropdownRef","keydownHandler","registerKeydownHandler","handler","onKeydown","e","inputRef","onBlur","onChange","pairs","i","dstName","lovContextKey","params","srcName","srcValue","isNumber","toNumber","inputValue","modifyByForm","isArray","selection","completionItemProvider","tags","item","onFocus","onSelect","clear","pick","selectDone","registerRowCompletionProvider","provider","tableSelectContext","index","withInstall","Form","StringInput","PasswordInput","Textarea","SingleSelect","MultiSelect","RadioGroup","CheckboxGroup","Checkbox","Switch","DateInput","FileInput","ButtonGroup","DiyItem","LovInput","NumberInput","TableSelect"],"mappings":"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"}

package/dist/components/Modal/index.js

@@ -1,36 +1,38 @@
 import "lodash-es";
-import { defineComponent as g, inject as L, ref as o, shallowRef as O, provide as M, createVNode as w, Fragment as P, useTemplateRef as k, openBlock as E, createElementBlock as T, renderSlot as b } from "vue";
+import { defineComponent as C, inject as L, ref as o, shallowRef as O, provide as y, createVNode as g, Fragment as P, useTemplateRef as k, openBlock as E, createElementBlock as T, renderSlot as b } from "vue";
 import { withInstall as j } from "../_util/vue/install.js";
 import { ElDialog as B } from "element-plus";
 import { addUnit as I } from "../_util/dom/style.js";
-import { modalLocatorContextKey as x, modalContextKey as K } from "./types.js";
-const R = /* @__PURE__ */ g({
+import { modalLocatorContextKey as M, modalContextKey as K } from "./types.js";
+const R = /* @__PURE__ */ C({
   name: "OModal",
-  setup(l, {
+  setup(t, {
     slots: a,
-    attrs: t,
-    emit: u,
-    expose: c
+    attrs: l,
+    emit: c,
+    expose: u
   }) {
-    const d = L(x), n = o(!1), i = o(), v = O(), r = o(), f = o(), m = o(), h = o(), p = o(!0), s = o();
-    c({
-      open: async (e) => (n.value = !0, i.value = e.title, v.value = e.content, e.contentProps ? r.value = e.contentProps : r.value = {}, e.width && (f.value = e.width), e.height && (m.value = I(e.height)), e.showClose != null && e.showClose == !1 && (p.value = !1), e.locator ? s.value = e.locator : d && d.locator.value && (s.value = d.locator.value), new Promise((y, S) => {
-        h.value = y;
+    const d = L(M), n = o(!1), i = o(), v = O(), r = o(), f = o(), m = o(), h = o(), p = o(!0), s = o();
+    u({
+      open: async (e) => (n.value = !0, i.value = e.title, v.value = e.content, e.contentProps ? r.value = e.contentProps : r.value = {}, e.width && (f.value = e.width), e.height && (m.value = I(e.height)), e.showClose != null && e.showClose == !1 && (p.value = !1), e.locator ? s.value = e.locator : d && d.locator.value && (s.value = d.locator.value), new Promise((x, S) => {
+        h.value = x;
       }))
     });
-    const C = (e) => {
+    const w = (e) => {
       const _ = h.value;
       n.value = !1, i.value = void 0, v.value = void 0, r.value = void 0, f.value = void 0, m.value = void 0, h.value = void 0, p.value = !0, s.value = void 0, _ && _(e);
     };
-    return M(K, {
-      close: C
+    return y(K, {
+      close: w
     }), () => {
       const e = v.value;
-      return n.value ? w(B, {
+      return n.value ? g(B, {
+        class: "orion-dialog",
+        "modal-class": "orion-dialog-overlay",
         title: i.value,
         width: f.value,
         modelValue: n.value,
-        beforeClose: C,
+        beforeClose: w,
         draggable: !0,
         closeOnClickModal: !1,
         closeOnPressEscape: !1,
@@ -41,30 +43,30 @@ const R = /* @__PURE__ */ g({
         },
         appendTo: s.value
       }, {
-        default: () => [w(e, r.value, null)]
-      }) : w(P, null, null);
+        default: () => [g(e, r.value, null)]
+      }) : g(P, null, null);
     };
   }
 }), V = {
   ref: "modal-locator",
   class: "orion-modal-locator"
-}, A = /* @__PURE__ */ g({
+}, A = /* @__PURE__ */ C({
   name: "OModalLocator",
   inheritAttrs: !0,
   __name: "ModalLocator",
-  setup(l) {
+  setup(t) {
     const a = k("modal-locator");
-    return M(x, {
+    return y(M, {
       locator: a
-    }), (t, u) => (E(), T("div", V, [
-      b(t.$slots, "default", {}, void 0, !0)
+    }), (l, c) => (E(), T("div", V, [
+      b(l.$slots, "default", {}, void 0, !0)
     ], 512));
   }
-}), D = (l, a) => {
-  const t = l.__vccOpts || l;
-  for (const [u, c] of a)
-    t[u] = c;
-  return t;
+}), D = (t, a) => {
+  const l = t.__vccOpts || t;
+  for (const [c, u] of a)
+    l[c] = u;
+  return l;
 }, F = /* @__PURE__ */ D(A, [["__scopeId", "data-v-0fd5a1a9"]]), J = j(R, { ModalLocator: F });
 export {
   J as default