dld-vue-ui 1.1.0 → 1.2.1

package/README.md

@@ -332,3 +332,75 @@ export interface IOptions {
 }
 
 ```
+
+## 带表单弹出框
+
+### 属性
+|属性名|说明|类型|默认值|
+|-----|----|-----|----|
+|`v-model:form`|表单值|`FormType`|`{}`|
+|`title`|弹框标题|`string`|`弹出框`|
+|`width`|弹框大小|`string`|`500px`|
+|`fullscreen`|全屏模式|`boolean`|`false`|
+|`draggable`|可拖动|`boolean`|`true`|
+|`footer`|底部按钮|`boolean`|`true`|
+|`buttonSize`|底部按钮大小|`'large' \| 'default' \| 'small'`|`'default'`|
+|`loading`|按钮的提交状态|`boolean`|`false`|
+|`rules`|表单验证|`any`|`{}`|
+|`formSize`|表单大小|`'large' \| 'default' \| 'small'`|`'default'`|
+|`lableWidth`|标签长度|`string`|`120px`|
+
+#### FormType定义
+
+```ts
+
+export interface FormType {
+  [key: string]: FormItemType;
+}
+
+```
+
+#### 表单FormItemType配置
+
+|属性名|说明|类型|默认值|
+|-----|----|-----|----|
+|`label`|标签名|`string`||
+|`type`|表单项类型text=文本框、select=单选/多选框、number=数字框、date=日期框、time=时间框、datetime=日期时间框、daterange=日期范围选择框、timerange=时间范围选择框，datetimerange=日期时间范围选择框、switch=开关按钮|`'text'\| 'select'\| 'number'\| 'date'\| 'datetime'\| 'time'\| 'daterange'\| 'timerange'\| 'datetimerange'\| 'switch'`|`text`|
+|`width`|标签宽度|`string`|`90%`|
+|`disabled`|是否禁用|`boolean`|`false`|
+|`readonly`|只读 select和switch无效|`boolean`|`false`|
+|`placeholder`|输入框提示 日期范围使用&&分割|`string`|`请输入${label} \| 请选择${label} `|
+|`max`|最大数值 type=number生效|`number`|Infinity|
+|`min`|最小数值 type=number生效|`number`|-Infinity|
+|`step`|步序 type=number生效|`number`|1|
+|`multiple`|是否支持多选 type=select生效|`boolean`|`false`|
+|`omit`|多选时省略 type=select生效|`boolean`|`false`|
+|`options`|搜索框的下拉列表，type='select'有效, 参考表格配置|`IOptions[]`|`[]`|
+|`closeText`|开关关闭文字 type=switch生效|`string`|`null`|
+|`openText`|开关打开文字 type=switch生效|`string`|`null`|
+
+### 方法
+
+|方法名|说明|参数|
+|-----|----|-----|
+|`close`|弹窗关闭回调|`(e: 'close'): void`|
+|`submit`|提交按钮回调|`(e: 'submit'): void`|
+
+### 自定义为空校验
+
+```ts
+/**
+ *
+ * @param rule 自定义为空检验
+ * @param value
+ * @param callback
+ * @returns
+ */
+export function FormValidate(rule: any, value: FormItemType, callback: any) {
+  if (value.default == null || value.default.toString() == "") {
+    return callback(new Error(value.label + "不能为空"));
+  }
+  return callback();
+}
+
+```

package/dist/components/CommonViews.vue.d.ts

@@ -0,0 +1,18 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        main?(_: {}): any;
+        aside?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/FrameUi.vue.d.ts

@@ -0,0 +1,24 @@
+import { Guid } from 'guid-typescript';
+type __VLS_Props = {
+    id: Guid;
+    title: string;
+    code: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        explain?(_: {}): any;
+        ui?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Navigation.vue.d.ts

@@ -0,0 +1,7 @@
+import { Guid } from 'guid-typescript';
+type __VLS_Props = {
+    id: Guid;
+    title: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLAnchorElement>;
+export default _default;