@das-fed/upf-ui 6.4.0-dev.163 → 6.4.0-dev.164

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@das-fed/upf-ui",
-  "version": "6.4.0-dev.163",
+  "version": "6.4.0-dev.164",
   "description": "",
   "type": "module",
   "main": "./index.js",
@@ -26,7 +26,7 @@
     "@antv/x6-plugin-snapline": "^2.1.7",
     "@antv/x6-plugin-transform": "^2.1.8",
     "@antv/x6-vue-shape": "^2.1.2",
-    "@das-fed/upf-ui": "6.4.0-dev.163",
+    "@das-fed/upf-ui": "6.4.0-dev.164",
     "@element-plus/icons-vue": "^2.3.1",
     "@types/lodash": "^4.14.194",
     "@types/lodash-es": "^4.17.9",
@@ -56,9 +56,9 @@
     "vue-tsc": "^2.0.29"
   },
   "dependencies": {
-    "@das-fed/upf-cli": "6.4.0-dev.163",
-    "@das-fed/upf-utils": "6.4.0-dev.163",
-    "@das-fed/upf-web": "6.4.0-dev.163",
+    "@das-fed/upf-cli": "6.4.0-dev.164",
+    "@das-fed/upf-utils": "6.4.0-dev.164",
+    "@das-fed/upf-web": "6.4.0-dev.164",
     "@types/markdown-it": "^14.1.2",
     "@wangeditor-next/editor": "5.6.31",
     "@wangeditor-next/editor-for-vue": "5.1.14",

package/packages/business-components/change-pwd/src/hooks/use-changePwd.d.ts

@@ -7,6 +7,7 @@ export declare const useChangePwd: (props: Props, emit: Emits) => {
         $data: {};
         $props: {
             readonly labelLength?: number | string | undefined;
+            readonly labelWidth?: number | string | undefined;
             readonly contentWidth?: number | string | undefined;
             readonly labelPosition?: "left" | "right" | "top" | undefined;
             readonly alignType?: "vertical" | "horizontal" | undefined;
@@ -100,6 +101,7 @@ export declare const useChangePwd: (props: Props, emit: Emits) => {
         $data: {};
         $props: {
             readonly labelLength?: number | string | undefined;
+            readonly labelWidth?: number | string | undefined;
             readonly contentWidth?: number | string | undefined;
             readonly labelPosition?: "left" | "right" | "top" | undefined;
             readonly alignType?: "vertical" | "horizontal" | undefined;

package/packages/business-components/process-form/src/hooks/useForm.d.ts

@@ -8,6 +8,7 @@ export declare const useForm: (props: any, emits: any, store: any) => {
         $data: {};
         $props: {
             readonly labelLength?: number | string | undefined;
+            readonly labelWidth?: number | string | undefined;
             readonly contentWidth?: number | string | undefined;
             readonly labelPosition?: "left" | "right" | "top" | undefined;
             readonly alignType?: "vertical" | "horizontal" | undefined;
@@ -101,6 +102,7 @@ export declare const useForm: (props: any, emits: any, store: any) => {
         $data: {};
         $props: {
             readonly labelLength?: number | string | undefined;
+            readonly labelWidth?: number | string | undefined;
             readonly contentWidth?: number | string | undefined;
             readonly labelPosition?: "left" | "right" | "top" | undefined;
             readonly alignType?: "vertical" | "horizontal" | undefined;

package/packages/components/form/index.d.ts

@@ -75,6 +75,7 @@ declare const DasFormRef: () => import("vue").Ref<({
     $data: {};
     $props: {
         readonly labelLength?: number | string | undefined;
+        readonly labelWidth?: number | string | undefined;
         readonly contentWidth?: number | string | undefined;
         readonly labelPosition?: "left" | "right" | "top" | undefined;
         readonly alignType?: "vertical" | "horizontal" | undefined;
@@ -168,6 +169,7 @@ declare const DasFormRef: () => import("vue").Ref<({
     $data: {};
     $props: {
         readonly labelLength?: number | string | undefined;
+        readonly labelWidth?: number | string | undefined;
         readonly contentWidth?: number | string | undefined;
         readonly labelPosition?: "left" | "right" | "top" | undefined;
         readonly alignType?: "vertical" | "horizontal" | undefined;

package/packages/components/form/index.js

@@ -2,10 +2,11 @@ import '@das-fed/upf-ui/packages/components/form/style.css';
 import { defineComponent as I, ref as f, reactive as d, computed as r, provide as R, createElementBlock as x, openBlock as S, normalizeStyle as M, normalizeClass as z, renderSlot as B } from "vue";
 import { withInstall as $ } from "@das-fed/upf-utils/with-install/index";
 import "@das-fed/upf-ui/packages/global/theme";
-const k = /* @__PURE__ */ I({
+const b = /* @__PURE__ */ I({
   __name: "Index",
   props: {
     labelLength: { default: 4 },
+    labelWidth: {},
     contentWidth: { default: 230 },
     labelPosition: { default: "top" },
     alignType: { default: "vertical" },
@@ -21,42 +22,42 @@ const k = /* @__PURE__ */ I({
     size: { default: "default" }
   },
   setup(o, { expose: s }) {
-    const a = o, n = f();
-    let l = d([]);
-    const c = r(() => l.filter((e) => {
+    const l = o, n = f();
+    let a = d([]);
+    const c = r(() => a.filter((e) => {
       var t;
       return (t = e.formItemProps) == null ? void 0 : t.required;
-    }).length > 0), m = r(() => l.filter((e) => {
+    }).length > 0), m = r(() => a.filter((e) => {
       var t;
       return (t = e.formItemProps) == null ? void 0 : t.helpMessage;
     }).length > 0);
-    R("DasForm", d({ props: a, addField: (e) => {
-      l.push(e);
+    R("DasForm", d({ props: l, addField: (e) => {
+      a.push(e);
     }, removeField: (e) => {
-      l = l.filter((t) => t.timeStamp !== e.timeStamp);
+      a = a.filter((t) => t.timeStamp !== e.timeStamp);
     }, hasRequiredFormItem: c, hasHelpMessageFormItem: m }));
     const u = async (e) => {
       const t = await g();
       e(t);
     }, p = async (e, t) => {
-      const _ = await l.find((i) => i.propName === e && i.rules.length > 0).validate();
+      const _ = await a.find((i) => i.propName === e && i.rules.length > 0).validate();
       t(_);
     }, g = async () => {
       let e = !0;
-      for (const t of l)
+      for (const t of a)
         t.propName && t.rules.length > 0 && (await t.validate() || (e = !1));
       return e;
     }, h = () => {
-      l.forEach((e) => {
+      a.forEach((e) => {
         e.resetError();
       });
     }, v = r(() => ({
       display: "grid",
-      gridTemplateColumns: `repeat(${a.cols}, ${a.contentWidth && a.contentWidth !== "auto" ? "min-content" : "1fr"})`,
-      gridColumnGap: a.cols && a.autoMarginRight ? a.marginRight : void 0
+      gridTemplateColumns: `repeat(${l.cols}, ${l.contentWidth && l.contentWidth !== "auto" ? "min-content" : "1fr"})`,
+      gridColumnGap: l.cols && l.autoMarginRight ? l.marginRight : void 0
     })), y = r(() => ({
-      alignItems: a.alignItems,
-      ...a.cols && a.alignType === "vertical" ? v.value : {}
+      alignItems: l.alignItems,
+      ...l.cols && l.alignType === "vertical" ? v.value : {}
     }));
     return s({
       validate: u,
@@ -71,14 +72,14 @@ const k = /* @__PURE__ */ I({
       B(e.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), w = (o, s) => {
-  const a = o.__vccOpts || o;
-  for (const [n, l] of s)
-    a[n] = l;
-  return a;
-}, C = /* @__PURE__ */ w(k, [["__scopeId", "data-v-e455d465"]]), W = $(C), q = () => f(null);
+}), k = (o, s) => {
+  const l = o.__vccOpts || o;
+  for (const [n, a] of s)
+    l[n] = a;
+  return l;
+}, w = /* @__PURE__ */ k(b, [["__scopeId", "data-v-e455d465"]]), P = $(w), q = () => f(null);
 export {
-  W as DasForm,
+  P as DasForm,
   q as DasFormRef,
-  W as default
+  P as default
 };

package/packages/components/form/src/type.d.ts

@@ -1,6 +1,8 @@
 export interface Props {
   
   labelLength?: number | string
+  
+  labelWidth?: number | string
 
   
   contentWidth?: number | string