@das-fed/ui 6.4.0-dev.23 → 6.4.0-dev.25

package/packages/business-components/process-table/src/App.vue.d.ts

@@ -2411,8 +2411,10 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     reqTableList: () => Promise<void>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     getSearchQuery: (val: any) => any;
+    changeSlotShow: (val: import("./type").ITableShowColumn[]) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onGetSearchQuery?: ((val: any) => any) | undefined;
+    onChangeSlotShow?: ((val: import("./type").ITableShowColumn[]) => any) | undefined;
 }>, {
     flowKey: string;
     needDisplayFileds: boolean;

package/packages/business-components/process-table/src/type.d.ts

@@ -70,6 +70,20 @@ export interface IModelData {
   tableName: string
 }
 
+
+export interface ITableSlotMap {
+  
+  desc: string
+  
+  name: string
+}
+
+
+export interface ITableShowColumn extends ITableSlotMap {
+  
+  switch: boolean
+}
+
 export interface Props {
   
   flowKey: string
@@ -125,4 +139,11 @@ export interface Props {
 export interface Emits {
   
   (e: 'getSearchQuery', val: any): void
+  
+  (e: 'changeSlotShow', val: ITableShowColumn[]): void
+}
+
+export type Slot = {
+  append?: () => { props: { label: string; prop: string } }[]
+  prepend?: () => { props: { label: string; prop: string } }[]
 }

package/packages/business-components/process-table/style.css

@@ -1 +1 @@
-.das-process-table[data-v-4886f62d]{width:100%;height:100%}.das-process-table .setting-top[data-v-4886f62d]{border-bottom:1px solid #e5e5e5}.das-process-table .setting-top .setting-top-content[data-v-4886f62d]{width:88px;height:32px;line-height:32px;text-align:center;background:#fff;font-size:12px;color:#5582f3;letter-spacing:0;font-weight:400;border-bottom:2px solid #5582f3}.das-process-table .operate[data-v-4886f62d]{display:flex;justify-content:flex-end;align-items:center;height:40px}.das-process-table .operate .text-btn[data-v-4886f62d]{font-size:14px;color:#5582f3;letter-spacing:0;line-height:21px;font-weight:400;cursor:pointer}.das-process-table[data-v-4886f62d] .das-ui-switch{display:block}.no-header-column[data-v-4886f62d] .el-table td.el-table__cell,.no-header-column[data-v-4886f62d] .el-table th.el-table__cell.is-leaf{border-bottom:none}
+.das-process-table[data-v-eb1af03b]{width:100%;height:100%}.das-process-table .setting-top[data-v-eb1af03b]{border-bottom:1px solid #e5e5e5}.das-process-table .setting-top .setting-top-content[data-v-eb1af03b]{width:88px;height:32px;line-height:32px;text-align:center;background:#fff;font-size:12px;color:#5582f3;letter-spacing:0;font-weight:400;border-bottom:2px solid #5582f3}.das-process-table .operate[data-v-eb1af03b]{display:flex;justify-content:flex-end;align-items:center;height:40px}.das-process-table .operate .text-btn[data-v-eb1af03b]{font-size:14px;color:#5582f3;letter-spacing:0;line-height:21px;font-weight:400;cursor:pointer}.das-process-table[data-v-eb1af03b] .das-ui-switch{display:block}.no-header-column[data-v-eb1af03b] .el-table td.el-table__cell,.no-header-column[data-v-eb1af03b] .el-table th.el-table__cell.is-leaf{border-bottom:none}

package/packages/business-components/upload-file/index.d.ts

@@ -0,0 +1,87 @@
+declare const DasBusinessUploadFile: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: string) => any;
+    "upload-success": (file: import("ant-design-vue").UploadFile<any>, url: string) => any;
+}, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+}>, {
+    type: "input" | "image";
+    minioTokenApi: string;
+    imageWidth: string;
+    imageHeight: string;
+    inputProps: Record<any, any>;
+    imageProps: Record<any, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+/** 获取组件实例 */
+declare const DasBusinessUploadFileRef: () => import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: string) => any;
+    "upload-success": (file: import("ant-design-vue").UploadFile<any>, url: string) => any;
+}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+}>, {
+    type: "input" | "image";
+    minioTokenApi: string;
+    imageWidth: string;
+    imageHeight: string;
+    inputProps: Record<any, any>;
+    imageProps: Record<any, any>;
+}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+}>, {}, {}, {}, {}, {
+    type: "input" | "image";
+    minioTokenApi: string;
+    imageWidth: string;
+    imageHeight: string;
+    inputProps: Record<any, any>;
+    imageProps: Record<any, any>;
+}> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: string) => any;
+    "upload-success": (file: import("ant-design-vue").UploadFile<any>, url: string) => any;
+}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+}>, {
+    type: "input" | "image";
+    minioTokenApi: string;
+    imageWidth: string;
+    imageHeight: string;
+    inputProps: Record<any, any>;
+    imageProps: Record<any, any>;
+}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+}>, {}, {}, {}, {}, {
+    type: "input" | "image";
+    minioTokenApi: string;
+    imageWidth: string;
+    imageHeight: string;
+    inputProps: Record<any, any>;
+    imageProps: Record<any, any>;
+}> | null>;
+export { DasBusinessUploadFile, DasBusinessUploadFileRef };
+declare const _default: {
+    name: string;
+};
+export default _default;

package/packages/business-components/upload-file/index.js

@@ -0,0 +1,111 @@
+import '@das-fed/ui/packages/business-components/upload-file/style.css';
+import { ref as V, computed as h, defineComponent as z, useCssVars as y, openBlock as f, createElementBlock as c, createVNode as g, unref as d, mergeProps as v, isRef as w, createCommentVNode as U, normalizeClass as k, createElementVNode as F } from "vue";
+import { withInstall as b } from "@das-fed/utils/with-install/index";
+import { DasInput as B } from "@das-fed/ui/packages/components/input/index";
+import { DasUpload as S } from "@das-fed/ui/packages/components/upload/index";
+import { useCalculateSize as D, minioUpload as P, DasImageViewer as x } from "@das-fed/ui/packages/components/image-viewer/index";
+import { i18n as C } from "@das-fed/web/packages/i18n/index";
+import { DasMessage as N } from "@das-fed/ui/packages/components/message/index";
+const I = (i, n) => {
+  const a = V(!1), { size2B: r } = D(), { upload: u } = P(i), m = (s) => {
+    if (i.maxSize) {
+      const { finalSize: e, sizeText: t } = r(i.maxSize);
+      if (s.size > e) {
+        const o = C(`上传的文件大小不能超过${t}`).value;
+        return N.warning(o), !1;
+      }
+    }
+    return !0;
+  }, p = h({
+    get: () => i.modelValue,
+    set: (s) => n("update:modelValue", s)
+  });
+  return {
+    loading: a,
+    imgUrl: p,
+    uploadFile: async (s) => {
+      if (a.value = !0, m(s)) {
+        const e = await u(s);
+        p.value = e, n("upload-success", s, e);
+      }
+      a.value = !1;
+    }
+  };
+}, A = { class: "das-business-file-upload" }, H = {
+  key: 0,
+  class: "input-box"
+}, W = { class: "upload-box" }, E = /* @__PURE__ */ z({
+  inheritAttrs: !1,
+  __name: "App",
+  props: {
+    modelValue: {},
+    width: {},
+    isView: { type: Boolean },
+    type: { default: "input" },
+    imageWidth: { default: "100px" },
+    imageHeight: { default: "100px" },
+    maxSize: {},
+    baseUrl: {},
+    serviceName: {},
+    pathPrefix: {},
+    bucketName: {},
+    minioTokenApi: { default: "token" },
+    inputProps: { default: () => ({}) },
+    imageProps: { default: () => ({}) }
+  },
+  emits: ["update:modelValue", "upload-success"],
+  setup(i, { emit: n }) {
+    y((e) => ({
+      "66b28a84": m.value,
+      "52afe674": e.imageHeight
+    }));
+    const a = i, r = n, u = V([]), m = h(() => (a == null ? void 0 : a.width) ?? "100%"), { loading: p, imgUrl: l, uploadFile: s } = I(a, r);
+    return (e, t) => (f(), c("div", A, [
+      e.type === "input" ? (f(), c("div", H, [
+        g(d(B), v({
+          width: "100%",
+          modelValue: d(l),
+          "onUpdate:modelValue": t[0] || (t[0] = (o) => w(l) ? l.value = o : null),
+          "is-view": e.isView
+        }, e.inputProps), null, 16, ["modelValue", "is-view"])
+      ])) : U("v-if", !0),
+      e.type === "image" ? (f(), c(
+        "div",
+        {
+          key: 1,
+          class: k(["image-box", e.isView ? "is-view" : ""])
+        },
+        [
+          g(d(x), v({
+            style: { width: e.imageWidth, height: e.imageHeight },
+            modelValue: d(l),
+            "onUpdate:modelValue": t[1] || (t[1] = (o) => w(l) ? l.value = o : null),
+            status: "info",
+            "is-view": !0
+          }, e.imageProps), null, 16, ["style", "modelValue"])
+        ],
+        2
+        /* CLASS */
+      )) : U("v-if", !0),
+      F("div", W, [
+        g(d(S), v({
+          modelValue: u.value,
+          "onUpdate:modelValue": t[2] || (t[2] = (o) => u.value = o),
+          draggle: !1,
+          onFileUpload: d(s),
+          "is-view": e.isView
+        }, e.$attrs), null, 16, ["modelValue", "onFileUpload", "is-view"])
+      ])
+    ]));
+  }
+}), M = (i, n) => {
+  const a = i.__vccOpts || i;
+  for (const [r, u] of n)
+    a[r] = u;
+  return a;
+}, R = /* @__PURE__ */ M(E, [["__scopeId", "data-v-57c87228"]]), G = b(R), J = () => V(null), K = { name: "复合型文件上传 upload-file" };
+export {
+  G as DasBusinessUploadFile,
+  J as DasBusinessUploadFileRef,
+  K as default
+};

package/packages/business-components/upload-file/src/App.vue.d.ts

@@ -0,0 +1,16 @@
+import type { Props } from './type';
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: string) => any;
+    "upload-success": (file: import("ant-design-vue").UploadFile<any>, url: string) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    "onUpload-success"?: ((file: import("ant-design-vue").UploadFile<any>, url: string) => any) | undefined;
+}>, {
+    type: "input" | "image";
+    minioTokenApi: string;
+    imageWidth: string;
+    imageHeight: string;
+    inputProps: Record<any, any>;
+    imageProps: Record<any, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/packages/business-components/upload-file/src/hooks/use-upload.d.ts

@@ -0,0 +1,7 @@
+import type { Props, Emits } from '../type';
+import type { UploadFile } from 'ant-design-vue';
+export declare const useUpload: (props: Props, emit: Emits) => {
+    loading: import("vue").Ref<boolean, boolean>;
+    imgUrl: import("vue").WritableComputedRef<string, string>;
+    uploadFile: (file: UploadFile) => Promise<void>;
+};

package/packages/business-components/upload-file/src/type.d.ts

@@ -0,0 +1,51 @@
+import type { UploadFile } from 'ant-design-vue'
+
+export interface Props {
+  modelValue: string
+
+  
+  width?: string
+
+  
+  isView?: boolean
+
+  
+  type?: 'input' | 'image'
+
+  
+  imageWidth?: string
+
+  
+  imageHeight?: string
+
+  
+  maxSize?: number | string
+
+  
+  baseUrl?: string
+
+  
+  serviceName?: string
+
+  
+  pathPrefix?: string
+
+  
+  bucketName?: string
+
+  
+  minioTokenApi?: string
+
+  
+  inputProps?: Record<any, any>
+
+  
+  imageProps?: Record<any, any>
+}
+
+export interface Emits {
+  (e: 'update:modelValue', val: string): void
+
+  
+  (e: 'upload-success', file: UploadFile, url: string): void
+}

package/packages/business-components/upload-file/style.css

@@ -0,0 +1 @@
+.das-business-file-upload[data-v-57c87228]{display:flex;align-items:center;width:var(--66b28a84)}.das-business-file-upload .input-box[data-v-57c87228]{flex:1;min-width:0;padding-right:20px;box-sizing:border-box}.das-business-file-upload .image-box[data-v-57c87228]{position:relative;padding-right:60px}.das-business-file-upload .image-box[data-v-57c87228]:not(.is-view):after{position:absolute;display:block;content:"";height:calc(var(--52afe674) - 10px);width:1px;right:30px;top:50%;transform:translateY(-50%);background-color:#d9d9d9}

package/packages/components/form/index.js

@@ -1,8 +1,8 @@
 import '@das-fed/ui/packages/components/form/style.css';
-import { defineComponent as x, ref as p, useSlots as _, watch as N, nextTick as I, provide as M, reactive as k, onMounted as S, openBlock as b, createElementBlock as w, normalizeClass as z, normalizeStyle as B, renderSlot as C } from "vue";
+import { defineComponent as _, ref as p, useSlots as x, watch as N, nextTick as I, provide as M, reactive as b, onMounted as k, openBlock as S, createElementBlock as w, normalizeClass as z, normalizeStyle as B, renderSlot as C } from "vue";
 import { withInstall as E } from "@das-fed/utils/with-install/index";
 import "@das-fed/ui/packages/global/theme";
-const T = /* @__PURE__ */ x({
+const L = /* @__PURE__ */ _({
   __name: "Index",
   props: {
     labelLength: { default: 4 },
@@ -20,16 +20,16 @@ const T = /* @__PURE__ */ x({
     autoMarginRight: { type: Boolean, default: !1 }
   },
   setup(n, { expose: d }) {
-    const a = n, i = p(), c = _(), g = () => {
+    const a = n, i = p(), c = x(), g = () => {
       const e = ["#comment", "#text"], t = Array.from(i.value.childNodes).filter(
-        (s) => !e.includes(s.nodeName)
+        (r) => !e.includes(r.nodeName)
       ), l = a.cols || 4;
       let o = 0;
-      t.forEach((s, F) => {
-        const f = Number(s.dataset.col ?? 1);
+      t.forEach((r, R) => {
+        const f = Number(r.dataset.col ?? 1);
         o += f;
-        const m = t[F];
-        o === l || o > l && f === l ? m.style.marginRight = "0px" : m.style.marginRight = a.marginRight, o === l ? o = 0 : o > l && (o = f);
+        const m = t[R];
+        o === l || o > l && f === l ? m.classList.add("marin-right-0") : m.classList.remove("marin-right-0"), o === l ? o = 0 : o > l && (o = f);
       });
     };
     N(
@@ -43,35 +43,35 @@ const T = /* @__PURE__ */ x({
         deep: !0
       }
     );
-    let r = [];
-    M("DasForm", k({ props: a, addField: (e) => {
-      r.push(e);
+    let s = [];
+    M("DasForm", b({ props: a, addField: (e) => {
+      s.push(e);
     }, removeField: (e) => {
-      r = r.filter((t) => t.timeStamp !== e.timeStamp);
+      s = s.filter((t) => t.timeStamp !== e.timeStamp);
     } }));
     const h = async (e) => {
       const t = await y();
       e(t);
     }, v = async (e, t) => {
-      const o = await r.find((s) => s.propName === e && s.rules.length > 0).validate();
+      const o = await s.find((r) => r.propName === e && r.rules.length > 0).validate();
       t(o);
     }, y = async () => {
       let e = !0;
-      for (const t of r)
+      for (const t of s)
         t.propName && t.rules.length > 0 && (await t.validate() || (e = !1));
       return e;
-    }, R = () => {
-      r.forEach((e) => {
+    }, F = () => {
+      s.forEach((e) => {
         e.resetError();
       });
     }, u = () => {
       a.autoMarginRight && a.alignType === "horizontal" && g();
     };
-    return S(u), d({
+    return k(u), d({
       validate: h,
       validateField: v,
-      resetField: R
-    }), (e, t) => (b(), w(
+      resetField: F
+    }), (e, t) => (S(), w(
       "div",
       {
         class: z(["das-ui-form", { horizontal: e.alignType === "horizontal" }]),
@@ -86,12 +86,12 @@ const T = /* @__PURE__ */ x({
       /* CLASS, STYLE */
     ));
   }
-}), A = (n, d) => {
+}), T = (n, d) => {
   const a = n.__vccOpts || n;
   for (const [i, c] of d)
     a[i] = c;
   return a;
-}, D = /* @__PURE__ */ A(T, [["__scopeId", "data-v-e961128b"]]), j = E(D), q = () => p(null);
+}, A = /* @__PURE__ */ T(L, [["__scopeId", "data-v-e05eb9be"]]), j = E(A), q = () => p(null);
 export {
   j as DasForm,
   q as DasFormRef,

package/packages/components/form/style.css

@@ -1 +1 @@
-.das-ui-form[data-v-e961128b]{display:flex;flex-direction:column;align-content:flex-start}.das-ui-form.horizontal[data-v-e961128b]{flex-direction:row;flex-wrap:wrap}
+.das-ui-form[data-v-e05eb9be]{display:flex;flex-direction:column;align-content:flex-start}.das-ui-form.horizontal[data-v-e05eb9be]{flex-direction:row;flex-wrap:wrap}

package/packages/components/form-item/index.js

@@ -1412,7 +1412,7 @@ const Lo = (e, t, r) => {
   emits: ["update:modelValue", "update:optionValue", "update:error", "change", "input", "select-change"],
   setup(e, { expose: t, emit: r }) {
     fr((s) => ({
-      "7bb03f5e": l(j)
+      cf197e58: l(j)
     }));
     const n = e, a = r, i = pr(), { isShow: o } = Pr(n), {
       innerError: u,
@@ -1916,7 +1916,7 @@ const Lo = (e, t, r) => {
   for (const [n, a] of t)
     r[n] = a;
   return r;
-}, Yo = /* @__PURE__ */ Zo(Jo, [["__scopeId", "data-v-b1264b9f"]]), Xo = {
+}, Yo = /* @__PURE__ */ Zo(Jo, [["__scopeId", "data-v-1ce9227b"]]), Xo = {
   "--das-ui-form-error-label-color": { light: "#fb2323" },
   "--das-ui-form-label-normal": { light: rr("--das-ui-color-secondary") }
 }, vs = tr(Yo);

package/packages/components/form-item/style.css

@@ -1 +1 @@
-.das-ui-form-item[data-v-b1264b9f]{display:flex;flex-direction:column}.das-ui-form-item.top[data-v-b1264b9f]{align-items:flex-start!important}.das-ui-form-item.top .das-ui-form-item-label[data-v-b1264b9f]{margin-bottom:3px;margin-right:0!important}.das-ui-form-item.left[data-v-b1264b9f]{flex-direction:row}.das-ui-form-item.left .das-ui-form-item-label[data-v-b1264b9f]{text-align:left}.das-ui-form-item.right[data-v-b1264b9f]{flex-direction:row}.das-ui-form-item.right .das-ui-form-item-label[data-v-b1264b9f]{text-align:right}.das-ui-form-item.right .das-ui-form-item-label .label[data-v-b1264b9f]{width:auto}.das-ui-form-item.flex-layout[data-v-b1264b9f]{width:100%}.das-ui-form-item.flex-layout .das-ui-form-container[data-v-b1264b9f]{flex:1}.das-ui-form-item .das-ui-form-item-label[data-v-b1264b9f]{font-size:var(--das-ui-font-size-sm);height:18px;line-height:18px}.das-ui-form-item .das-ui-form-item-label .label[data-v-b1264b9f]{width:fit-content;position:relative;max-width:100%;display:flex;color:var(--das-ui-form-label-normal)}.das-ui-form-item .das-ui-form-item-label .label .label-context[data-v-b1264b9f]{width:100%}.das-ui-form-item .das-ui-form-item-label .label.required-mark[data-v-b1264b9f]:after{content:"*";position:absolute;top:0;right:-8px;width:6px;height:18px;line-height:18px;text-align:left;color:var(--das-ui-form-error-label-color)}.das-ui-form-item .das-ui-form-item-label .label .help-icon[data-v-b1264b9f]{position:absolute;right:-28px;top:1px}.das-ui-form-item .das-ui-form-item-label .label .help-icon.no-required[data-v-b1264b9f]{right:-20px}.das-ui-form-item .das-ui-form-container[data-v-b1264b9f]{display:flex;position:relative}.das-ui-form-item .das-ui-form-container .error-label[data-v-b1264b9f]{position:absolute;height:22px;width:100%;font-size:12px;left:0;top:100%;line-height:18px;font-weight:400;letter-spacing:0;color:var(--das-ui-form-error-label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-form-item .das-ui-form-container .error-label--overlay[data-v-b1264b9f]{position:absolute;width:100%;left:0;top:100%;background-color:var(--das-ui-input-number-overlay-error-bg-color);box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;font-size:12px;z-index:99;color:var(--das-ui-form-error-label-color)}.das-form-item-overlay-error-label-content[data-v-b1264b9f]{position:absolute;top:100%;left:0;width:var(--7bb03f5e)}.das-ui-form-item.flex-layout .das-ui-form-container .das-ui-input{width:100%}
+.das-ui-form-item[data-v-1ce9227b]{display:flex;flex-direction:column}.das-ui-form-item.marin-right-0[data-v-1ce9227b]{margin-right:0!important}.das-ui-form-item.top[data-v-1ce9227b]{align-items:flex-start!important}.das-ui-form-item.top .das-ui-form-item-label[data-v-1ce9227b]{margin-bottom:3px;margin-right:0!important}.das-ui-form-item.left[data-v-1ce9227b]{flex-direction:row}.das-ui-form-item.left .das-ui-form-item-label[data-v-1ce9227b]{text-align:left}.das-ui-form-item.right[data-v-1ce9227b]{flex-direction:row}.das-ui-form-item.right .das-ui-form-item-label[data-v-1ce9227b]{text-align:right}.das-ui-form-item.right .das-ui-form-item-label .label[data-v-1ce9227b]{width:auto}.das-ui-form-item.flex-layout[data-v-1ce9227b]{width:100%}.das-ui-form-item.flex-layout .das-ui-form-container[data-v-1ce9227b]{flex:1}.das-ui-form-item .das-ui-form-item-label[data-v-1ce9227b]{font-size:var(--das-ui-font-size-sm);height:18px;line-height:18px}.das-ui-form-item .das-ui-form-item-label .label[data-v-1ce9227b]{width:fit-content;position:relative;max-width:100%;display:flex;color:var(--das-ui-form-label-normal)}.das-ui-form-item .das-ui-form-item-label .label .label-context[data-v-1ce9227b]{width:100%}.das-ui-form-item .das-ui-form-item-label .label.required-mark[data-v-1ce9227b]:after{content:"*";position:absolute;top:0;right:-8px;width:6px;height:18px;line-height:18px;text-align:left;color:var(--das-ui-form-error-label-color)}.das-ui-form-item .das-ui-form-item-label .label .help-icon[data-v-1ce9227b]{position:absolute;right:-28px;top:1px}.das-ui-form-item .das-ui-form-item-label .label .help-icon.no-required[data-v-1ce9227b]{right:-20px}.das-ui-form-item .das-ui-form-container[data-v-1ce9227b]{display:flex;position:relative}.das-ui-form-item .das-ui-form-container .error-label[data-v-1ce9227b]{position:absolute;height:22px;width:100%;font-size:12px;left:0;top:100%;line-height:18px;font-weight:400;letter-spacing:0;color:var(--das-ui-form-error-label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-form-item .das-ui-form-container .error-label--overlay[data-v-1ce9227b]{position:absolute;width:100%;left:0;top:100%;background-color:var(--das-ui-input-number-overlay-error-bg-color);box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;font-size:12px;z-index:99;color:var(--das-ui-form-error-label-color)}.das-form-item-overlay-error-label-content[data-v-1ce9227b]{position:absolute;top:100%;left:0;width:var(--cf197e58)}.das-ui-form-item.flex-layout .das-ui-form-container .das-ui-input{width:100%}

package/packages/components/rich-editor/index.js

@@ -21882,6 +21882,7 @@ const p2t = {
           onCustomPaste: po(q)
         }, null, 8, ["class", "mode", "modelValue", "default-content", "onOnCreated", "onOnChange", "onOnFocus", "onOnBlur", "onCustomPaste"]), [
           [po(L$), {
+            usePrevOverlay: !0,
             target: Z,
             x: !1,
             "z-index": 0

package/packages/components/search/index.js

@@ -1,8 +1,8 @@
 import '@das-fed/ui/packages/components/search/style.css';
 import { withInstall as z } from "@das-fed/utils/with-install/index";
-import { defineComponent as S, ref as I, computed as V, watchEffect as L, openBlock as n, createElementBlock as w, normalizeClass as M, createBlock as o, unref as u, mergeProps as B, withCtx as v, createCommentVNode as i } from "vue";
+import { defineComponent as S, ref as I, computed as V, watchEffect as L, openBlock as n, createElementBlock as w, normalizeClass as M, createBlock as u, unref as o, mergeProps as p, withCtx as v, createCommentVNode as i } from "vue";
 import { DasAutoRegisterIcon as T, DasIcon as s } from "@das-fed/ui/packages/components/icon/index";
-import { Input as $ } from "ant-design-vue";
+import { Input as B } from "ant-design-vue";
 import "ant-design-vue/es/input/style/css";
 import { setI18nRule as E } from "@das-fed/web/packages/i18n/index";
 import { setThemeRule as F } from "@das-fed/web/packages/theme/index";
@@ -84,7 +84,7 @@ const D = {
     let h = I(!0), y = I(!0), l = I(c.modelValue);
     const a = V({
       get: () => c.modelValue,
-      set: (f) => t("update:modelValue", f)
+      set: (d) => t("update:modelValue", d)
     });
     L(() => {
     });
@@ -94,38 +94,38 @@ const D = {
       y.value = !0;
     }, k = () => {
       h.value = !y.value;
-    }, p = () => {
+    }, $ = () => {
       l.value !== a.value && (l.value = a.value, t("change", a.value)), a.value === "" && (l.value = ""), t("press-enter");
     }, C = () => {
       a.value = "", l.value = "", t("change", "");
     }, r = () => {
       l.value !== a.value && (l.value = a.value, t("change", a.value)), a.value === "" && (l.value = ""), t("search");
     };
-    return (f, d) => (n(), w(
+    return (d, f) => (n(), w(
       "div",
       {
         class: M(`das-ui-search ${e.size}`)
       },
       [
-        e.searchType === "basis" ? (n(), o(u($), B({ key: 0 }, f.$attrs, {
+        e.searchType === "basis" ? (n(), u(o(B), p({ key: 0 }, d.$attrs, {
           type: e.searchType,
-          class: `main-input ${e.size} ${e.border ? "border" : ""} ${e.isIconLeft ? "left" : ""}`,
+          class: `das-ui-search-input main-input ${e.size} ${e.border ? "border" : ""} ${e.isIconLeft ? "left" : ""}`,
           value: a.value,
-          "onUpdate:value": d[0] || (d[0] = (b) => a.value = b),
+          "onUpdate:value": f[0] || (f[0] = (b) => a.value = b),
           disabled: e.disabled,
           onBlur: g,
           onFocus: x,
-          onPressEnter: p
+          onPressEnter: $
         }), {
           prefix: v(() => [
-            e.isIconLeft ? (n(), o(u(s), {
+            e.isIconLeft ? (n(), u(o(s), {
               key: 0,
               icon: e.prefixIcon ? e.prefixIcon : "search",
               onMousedown: r
             }, null, 8, ["icon"])) : i("v-if", !0)
           ]),
           suffix: v(() => [
-            e.clearable && a.value.length ? (n(), o(u(s), {
+            e.clearable && a.value.length ? (n(), u(o(s), {
               key: 0,
               class: "close-icon",
               size: "large",
@@ -134,7 +134,7 @@ const D = {
               onMousedown: C,
               onMouseenter: k
             })) : i("v-if", !0),
-            e.isIconLeft ? i("v-if", !0) : (n(), o(u(s), {
+            e.isIconLeft ? i("v-if", !0) : (n(), u(o(s), {
               key: 1,
               icon: e.suffixIcon ? e.suffixIcon : "search",
               onMousedown: r
@@ -142,24 +142,24 @@ const D = {
           ]),
           _: 1
           /* STABLE */
-        }, 16, ["type", "class", "value", "disabled"])) : (n(), o(u($), B({ key: 1 }, f.$attrs, {
+        }, 16, ["type", "class", "value", "disabled"])) : (n(), u(o(B), p({ key: 1 }, d.$attrs, {
           type: e.searchType,
-          class: `main-input ${e.size} ${e.border ? "border" : ""} ${e.isIconLeft ? "left" : ""}`,
+          class: `das-ui-search-input main-input ${e.size} ${e.border ? "border" : ""} ${e.isIconLeft ? "left" : ""}`,
           value: a.value,
-          "onUpdate:value": d[1] || (d[1] = (b) => a.value = b),
+          "onUpdate:value": f[1] || (f[1] = (b) => a.value = b),
           disabled: e.disabled,
           onFocus: x,
           onBlur: g
         }), {
           prefix: v(() => [
-            e.isIconLeft ? (n(), o(u(s), {
+            e.isIconLeft ? (n(), u(o(s), {
               key: 0,
               icon: e.prefixIcon ? e.prefixIcon : "search",
               onClick: r
             }, null, 8, ["icon"])) : i("v-if", !0)
           ]),
           suffix: v(() => [
-            e.clearable && a.value.length ? (n(), o(u(s), {
+            e.clearable && a.value.length ? (n(), u(o(s), {
               key: 0,
               class: "close-icon",
               size: "large",
@@ -168,7 +168,7 @@ const D = {
               onClick: C,
               onMouseenter: k
             })) : i("v-if", !0),
-            e.isIconLeft ? i("v-if", !0) : (n(), o(u(s), {
+            e.isIconLeft ? i("v-if", !0) : (n(), u(o(s), {
               key: 1,
               icon: e.suffixIcon ? e.suffixIcon : "search",
               onClick: r
@@ -187,7 +187,7 @@ const D = {
   for (const [t, h] of m)
     c[t] = h;
   return c;
-}, A = /* @__PURE__ */ R(P, [["__scopeId", "data-v-7e0e04f8"]]), N = {
+}, A = /* @__PURE__ */ R(P, [["__scopeId", "data-v-f8207fd2"]]), N = {
   "demo-msg": {
     "zh-CN": "这是第一个示例路由页面",
     en: "This is Demo Page"

package/packages/components/search/style.css

@@ -1 +1 @@
-.das-ui-search.small[data-v-7e0e04f8]{width:200px}.das-ui-search.large[data-v-7e0e04f8]{width:320px}.das-ui-search.middle[data-v-7e0e04f8]{width:260px}.das-ui-search .main-input[data-v-7e0e04f8]{border-width:0 0 1px 0!important;border-color:var(--das-ui-search-border);box-shadow:none!important;outline:none;color:var(--das-ui-search-text);border-radius:0}.das-ui-search .main-input.border[data-v-7e0e04f8]{border-width:1px!important;border-radius:2px}.das-ui-search .main-input[data-v-7e0e04f8]:hover,.das-ui-search .main-input[data-v-7e0e04f8]:active,.das-ui-search .main-input[data-v-7e0e04f8]:focus{border-color:var(--das-ui-search-border-active)}.das-ui-search .main-input:hover.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-7e0e04f8],.das-ui-search .main-input:hover.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-7e0e04f8]:not(.close-icon),.das-ui-search .main-input:active.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-7e0e04f8],.das-ui-search .main-input:active.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-7e0e04f8]:not(.close-icon),.das-ui-search .main-input:focus.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-7e0e04f8],.das-ui-search .main-input:focus.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-7e0e04f8]:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search .main-input.ant-input-affix-wrapper[data-v-7e0e04f8]{padding:0 0 1px;box-sizing:border-box}.das-ui-search .main-input.ant-input-affix-wrapper.border[data-v-7e0e04f8]{padding:5px}.das-ui-search .main-input.ant-input-affix-wrapper.left .ant-input-suffix .das-icon.close-icon[data-v-7e0e04f8]{margin-right:0}.das-ui-search .main-input.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-7e0e04f8]{color:var(--das-ui-search-icon)}.das-ui-search .main-input.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-7e0e04f8]:hover{color:var(--das-ui-search-border-active)}.das-ui-search .main-input.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-7e0e04f8]{color:var(--das-ui-search-icon);cursor:pointer}.das-ui-search .main-input.ant-input-affix-wrapper .ant-input-suffix .das-icon.close-icon[data-v-7e0e04f8]{margin-right:4px}.das-ui-search .main-input.ant-input-affix-wrapper .ant-input-suffix .das-icon.close-icon[data-v-7e0e04f8]:hover{color:#999}.das-ui-search .main-input.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-7e0e04f8]:hover{color:var(--das-ui-search-border-active)}.das-ui-search .main-input.ant-input-affix-wrapper-focused[data-v-7e0e04f8]{border-color:var(--das-ui-search-border-active)}.das-ui-search .main-input.ant-input-affix-wrapper-focused.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-7e0e04f8],.das-ui-search .main-input.ant-input-affix-wrapper-focused.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-7e0e04f8]:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search .main-input.small[data-v-7e0e04f8]{height:24px}.das-ui-search .main-input.middle[data-v-7e0e04f8],.das-ui-search .main-input.custom[data-v-7e0e04f8]{height:28px}.das-ui-search .main-input.middle-l[data-v-7e0e04f8]{height:30px}.das-ui-search .main-input.middle-xl[data-v-7e0e04f8]{height:32px}.das-ui-search .main-input.large[data-v-7e0e04f8]{height:36px}.das-ui-search .result-container[data-v-7e0e04f8]{background:#fff;box-shadow:0 4px 10px #0003;border-radius:2px;padding:8px 0;box-sizing:border-box;margin-top:4px}.das-ui-search .result-container .tips[data-v-7e0e04f8]{display:inline-block;font-size:12px;color:#999;padding-left:12px}.das-ui-search .result-container .result-list .result-item[data-v-7e0e04f8]{padding-left:12px;font-size:12px;color:var(--das-ui-search-text);list-style:none;height:32px;line-height:32px;cursor:pointer}.das-ui-search .result-container .result-list .result-item[data-v-7e0e04f8]:hover{background:#f2f6ff;color:var(--das-ui-search-border-active)}.das-ui-search .main-input.small .ant-input,.das-ui-search .main-input.small .das-icon{font-size:12px}.das-ui-search .main-input.large .ant-input,.das-ui-search .main-input.large .das-icon{font-size:16px}.das-ui-search .main-input.middle .ant-input,.das-ui-search .main-input.custom .ant-input,.das-ui-search .main-input.middle-l .ant-input,.das-ui-search .main-input.middle-xl .ant-input{font-size:12px}.das-ui-search .main-input.middle .das-icon,.das-ui-search .main-input.custom .das-icon,.das-ui-search .main-input.middle-l .das-icon,.das-ui-search .main-input.middle-xl .das-icon{font-size:16px}.das-ui-search .main-input .ant-input,.das-ui-search .main-input .das-icon{color:var(--das-ui-search-text)}
+.das-ui-search.small[data-v-f8207fd2]{width:200px}.das-ui-search.large[data-v-f8207fd2]{width:320px}.das-ui-search.middle[data-v-f8207fd2]{width:260px}.das-ui-search .das-ui-search-input.main-input[data-v-f8207fd2]{border-width:0 0 1px 0!important;border-color:var(--das-ui-search-border);box-shadow:none!important;outline:none;color:var(--das-ui-search-text);border-radius:0}.das-ui-search .das-ui-search-input.main-input.border[data-v-f8207fd2]{border-width:1px!important;border-radius:2px}.das-ui-search .das-ui-search-input.main-input[data-v-f8207fd2]:hover,.das-ui-search .das-ui-search-input.main-input[data-v-f8207fd2]:active,.das-ui-search .das-ui-search-input.main-input[data-v-f8207fd2]:focus{border-color:var(--das-ui-search-border-active)}.das-ui-search .das-ui-search-input.main-input:hover.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-f8207fd2],.das-ui-search .das-ui-search-input.main-input:hover.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-f8207fd2]:not(.close-icon),.das-ui-search .das-ui-search-input.main-input:active.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-f8207fd2],.das-ui-search .das-ui-search-input.main-input:active.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-f8207fd2]:not(.close-icon),.das-ui-search .das-ui-search-input.main-input:focus.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-f8207fd2],.das-ui-search .das-ui-search-input.main-input:focus.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-f8207fd2]:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper[data-v-f8207fd2]{padding:0 0 1px;box-sizing:border-box}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper.border[data-v-f8207fd2]{padding:5px}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper.left .ant-input-suffix .das-icon.close-icon[data-v-f8207fd2]{margin-right:0}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-f8207fd2]{color:var(--das-ui-search-icon)}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-f8207fd2]:hover{color:var(--das-ui-search-border-active)}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-f8207fd2]{color:var(--das-ui-search-icon);cursor:pointer}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper .ant-input-suffix .das-icon.close-icon[data-v-f8207fd2]{margin-right:4px}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper .ant-input-suffix .das-icon.close-icon[data-v-f8207fd2]:hover{color:#999}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-f8207fd2]:hover{color:var(--das-ui-search-border-active)}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper-focused[data-v-f8207fd2]{border-color:var(--das-ui-search-border-active)}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper-focused.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-f8207fd2],.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper-focused.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-f8207fd2]:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search .das-ui-search-input.main-input.small[data-v-f8207fd2]{height:24px}.das-ui-search .das-ui-search-input.main-input.middle[data-v-f8207fd2],.das-ui-search .das-ui-search-input.main-input.custom[data-v-f8207fd2]{height:28px}.das-ui-search .das-ui-search-input.main-input.middle-l[data-v-f8207fd2]{height:30px}.das-ui-search .das-ui-search-input.main-input.middle-xl[data-v-f8207fd2]{height:32px}.das-ui-search .das-ui-search-input.main-input.large[data-v-f8207fd2]{height:36px}.das-ui-search .result-container[data-v-f8207fd2]{background:#fff;box-shadow:0 4px 10px #0003;border-radius:2px;padding:8px 0;box-sizing:border-box;margin-top:4px}.das-ui-search .result-container .tips[data-v-f8207fd2]{display:inline-block;font-size:12px;color:#999;padding-left:12px}.das-ui-search .result-container .result-list .result-item[data-v-f8207fd2]{padding-left:12px;font-size:12px;color:var(--das-ui-search-text);list-style:none;height:32px;line-height:32px;cursor:pointer}.das-ui-search .result-container .result-list .result-item[data-v-f8207fd2]:hover{background:#f2f6ff;color:var(--das-ui-search-border-active)}.das-ui-search .main-input.small .ant-input,.das-ui-search .main-input.small .das-icon{font-size:12px}.das-ui-search .main-input.large .ant-input,.das-ui-search .main-input.large .das-icon{font-size:16px}.das-ui-search .main-input.middle .ant-input,.das-ui-search .main-input.custom .ant-input,.das-ui-search .main-input.middle-l .ant-input,.das-ui-search .main-input.middle-xl .ant-input{font-size:12px}.das-ui-search .main-input.middle .das-icon,.das-ui-search .main-input.custom .das-icon,.das-ui-search .main-input.middle-l .das-icon,.das-ui-search .main-input.middle-xl .das-icon{font-size:16px}.das-ui-search .main-input .ant-input,.das-ui-search .main-input .das-icon{color:var(--das-ui-search-text)}