@cloudbase/weda-ui 3.5.3 → 3.6.0

package/dist/configs/components/wd-location.d.ts

@@ -1,32 +1,281 @@
 import { Static } from '../type-utils';
 import type { Simplify } from 'type-fest';
 declare const data: import("@sinclair/typebox").TObject<{
-    layout: import("@sinclair/typebox").TUnsafe<string>;
+    locationRange: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<number>>;
+    customRange: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+    zoom: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    drag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    status: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    requiredMsg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    showLngLat: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    showMap: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    borderedH5: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    labelVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    labelAlign: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    labelWrap: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    layout: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    labelWidth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    labelTips: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    dataSource: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TRecord<import("@sinclair/typebox").TString, import("@sinclair/typebox").TUnknown>>;
+    value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
+        address: import("@sinclair/typebox").TString;
+        geopoint: import("@sinclair/typebox").TObject<{
+            type: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+            coordinates: import("@sinclair/typebox").TTuple<[import("@sinclair/typebox").TNumber, import("@sinclair/typebox").TNumber]>;
+        }>;
+    }>>;
+    locationType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<number>>;
+    defauleShowLocation: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+        default: string;
+    }>;
 }>;
-export type DataType = Simplify<Static<typeof data>>;
 declare const config: {
     readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
     readonly data: import("@sinclair/typebox").TObject<{
-        layout: import("@sinclair/typebox").TUnsafe<string>;
+        locationRange: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<number>>;
+        customRange: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
+        zoom: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        drag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        status: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        requiredMsg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        showLngLat: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        showMap: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        borderedH5: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        labelVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        labelAlign: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        labelWrap: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        layout: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        labelWidth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        labelTips: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        dataSource: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TRecord<import("@sinclair/typebox").TString, import("@sinclair/typebox").TUnknown>>;
+        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
+            address: import("@sinclair/typebox").TString;
+            geopoint: import("@sinclair/typebox").TObject<{
+                type: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+                coordinates: import("@sinclair/typebox").TTuple<[import("@sinclair/typebox").TNumber, import("@sinclair/typebox").TNumber]>;
+            }>;
+        }>>;
+        locationType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<number>>;
+        defauleShowLocation: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+            default: string;
+        }>;
     }>;
-    readonly classes: readonly [];
-    readonly methods: readonly [];
-    readonly events: readonly [];
+    readonly properties: import("@sinclair/typebox").TObject<{
+        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
+            address: import("@sinclair/typebox").TString;
+            geopoint: import("@sinclair/typebox").TObject<{
+                type: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+                coordinates: import("@sinclair/typebox").TTuple<[import("@sinclair/typebox").TNumber, import("@sinclair/typebox").TNumber]>;
+            }>;
+        }>>;
+        required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    }>;
+    readonly classes: {
+        name: string;
+        selector: string;
+        description: string;
+    }[];
+    readonly methods: readonly [{
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    } & {
+        params: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TObject<{
+                address: import("@sinclair/typebox").TString;
+                geopoint: import("@sinclair/typebox").TObject<{
+                    type: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+                    coordinates: import("@sinclair/typebox").TTuple<[import("@sinclair/typebox").TNumber, import("@sinclair/typebox").TNumber]>;
+                }>;
+            }> & {
+                title: string;
+            };
+        }>;
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }];
+    readonly events: readonly [{
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TObject<{
+                address: import("@sinclair/typebox").TString;
+                geopoint: import("@sinclair/typebox").TObject<{
+                    type: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+                    coordinates: import("@sinclair/typebox").TTuple<[import("@sinclair/typebox").TNumber, import("@sinclair/typebox").TNumber]>;
+                }>;
+            }> & {
+                title: string;
+            };
+        }>;
+        readonly name: string;
+        readonly title: string;
+        readonly description: string;
+    }];
     readonly meta: {
-        readonly name: "WdLocation";
+        readonly description: "用于在表单中进行地图选点定位。";
+        readonly figureIcon: "../figureIcons/WdLocation.svg";
+        readonly icon: "../icons/FormLocation.svg";
         readonly title: "地图定位";
-        readonly description: "表单布局";
-        readonly icon: "../../icons/Form.svg";
-        readonly category: "展示";
-        readonly categoryOrder: 1;
-        readonly componentOrder: 1;
-        readonly visible: readonly ["APP"];
-    };
-    readonly configMeta: {
-        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdForm";
+        readonly name: "WdLocation";
+        readonly componentName: "Location";
+        readonly categoryOrder: 500;
+        readonly componentOrder: 470;
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdLocation";
+        readonly category: string;
         readonly shortcut: {
-            readonly props: readonly ["type"];
+            props: string[];
+        };
+        readonly group: {
+            标签项: {
+                'x-index': number;
+                expand: boolean;
+            };
+            通用: {
+                'x-index': number;
+                expand: boolean;
+            };
+            标题风格: {
+                'x-index': number;
+                expand: boolean;
+            };
+            输入框: {
+                'x-index': number;
+                expand: boolean;
+            };
+            标签风格: {
+                'x-index': number;
+                expand: boolean;
+            };
+            选择框: {
+                'x-index': number;
+                expand: boolean;
+            };
+            内容: {
+                'x-index': number;
+                expand: boolean;
+            };
+            图片内容: {
+                'x-index': number;
+                expand: boolean;
+            };
+            文件内容: {
+                'x-index': number;
+                expand: boolean;
+            };
+            地图内容: {
+                'x-index': number;
+                expand: boolean;
+            };
+            开关按钮: {
+                'x-index': number;
+                expand: boolean;
+            };
+            小程序能力: {
+                'x-index': number;
+                expand: boolean;
+            };
+            '\u72B6\u6001/\u6821\u9A8C': {
+                'x-index': number;
+                expand: boolean;
+            };
         };
+        readonly visible: any;
+        readonly inlineStyleForm: {
+            $text: {
+                visible: boolean;
+            };
+            justifyContent: {
+                visible: boolean;
+            };
+            flexDirection: {
+                visible: boolean;
+            };
+            alignItems: {
+                visible: boolean;
+            };
+        };
+        readonly templates: readonly [{
+            readonly when: "$attached";
+            readonly body: "\n  [attributes]\n  name = \"{{$self.id}}\"\n  ";
+            readonly __k: "init-name-with-id";
+        }];
+    };
+    readonly compConfig: {
+        readonly componentType: "formField";
     };
 };
 export default config;
+export type DataType = Simplify<Static<typeof data>>;

package/dist/configs/components/wd-location.js

@@ -1,55 +1,129 @@
-import { defineConfig, Tuple, Type } from '../type-utils';
-const WD_RADIO_DIRECTION = [
+import { defineConfig, Type } from '../type-utils';
+import { FORM_ITEM_DATA, FORM_ITEM_EVENTS, FORM_ITEM_METHODS, FORM_ITEM_META, ItemData, pickWithXCategory, X_CATEGORY, getFormItemDataTitle, } from '../type-utils/type-form';
+import { getClasses } from '../type-utils/classes';
+import { templateInitNameWithId } from './common/init-name-with-id';
+const SELECT = pickWithXCategory(FORM_ITEM_DATA, ['clearable', 'extra', 'showLngLat', 'showMap', 'borderedH5'], X_CATEGORY.LOCATION_CONTENT);
+const TITLE = getFormItemDataTitle('地图');
+// 属性类型定义
+const data = Type.Partial(Type.Object({
+    // 通用
+    name: FORM_ITEM_DATA.name,
+    dataSource: FORM_ITEM_DATA._dataSourceInLocation,
+    value: FORM_ITEM_DATA._valueInLocation,
+    locationType: FORM_ITEM_DATA.locationType,
+    defauleShowLocation: FORM_ITEM_DATA.defauleShowLocation,
+    placeholder: Object.assign({}, FORM_ITEM_DATA.placeholder, {
+        default: '选择地理位置',
+    }),
+    // 标题
+    ...TITLE,
+    // 选择框
+    ...SELECT,
+    // 状态校验
+    locationRange: FORM_ITEM_DATA.locationRange,
+    customRange: FORM_ITEM_DATA.customRange,
+    zoom: FORM_ITEM_DATA.zoom,
+    drag: FORM_ITEM_DATA.drag,
+    status: FORM_ITEM_DATA.status,
+    required: FORM_ITEM_DATA.required,
+    requiredMsg: FORM_ITEM_DATA.requiredMsg,
+    requiredFlag: FORM_ITEM_DATA.requiredFlag,
+}));
+const properties = Type.Composite([
+    Type.Pick(data, ['name', 'label', 'value', 'required']),
+    Type.Pick(ItemData, ['visible', 'disabled', 'readOnly']),
+]);
+const CLASSES = getClasses('location', { kind: '选择框' });
+const classes = [
+    CLASSES.root,
+    CLASSES.root_h5,
+    CLASSES.root_pc,
+    CLASSES.root_mp,
+    CLASSES.item_label,
+    CLASSES.item_control,
     {
-        label: '默认',
-        value: 'vertical',
+        name: '编辑态-位置信息样式',
+        selector: `${CLASSES.root.selector} .wd-location__info`,
+        description: '编辑态-位置信息样式',
+        code: `
+          :scope .wd-location__info {
+            font-size: 20px;
+            color: gray;
+          }
+          `,
     },
     {
-        label: '行内',
-        value: 'inline',
+        name: '编辑态-占位文字样式',
+        selector: `${CLASSES.root.selector} .form-location-con__text`,
+        description: '编辑态-占位文字样式',
+        code: `
+          :scope .form-location-con__text {
+            color: lightgray;
+          }
+          `,
     },
+    CLASSES.item_error,
+    CLASSES.item_help,
+    {
+        name: '禁用态-位置信息样式',
+        selector: `${CLASSES.root.selector} .is-disabled .wd-location__info`,
+        description: '禁用态-位置信息样式',
+        code: `
+          :scope .is-disabled .wd-location__info {
+            font-size: 20px;
+            color: gray;
+          }
+          `,
+    },
+    CLASSES.item_readonly,
 ];
-// 属性类型定义
-const data = Type.Object({
-    layout: Type.StringEnum({
-        title: '排版',
-        type: 'string',
-        'x-index': 10,
-        default: 'vertical',
-        enum: Tuple(WD_RADIO_DIRECTION),
-        'x-category': '基础属性',
-    }),
+const paramValueType = Type.Object({
+    value: Object.assign({}, FORM_ITEM_DATA._valueInLocation, { title: '值' }),
 });
 // export default
 const config = defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
-    // 属性定义
     data,
-    // 只读属性定义
-    // properties,
-    // 样式API
-    classes: [],
-    // 组件方法
-    methods: [],
-    // 组件对外暴露事件
-    events: [],
-    // 组件元信息
+    properties,
+    classes,
+    methods: [
+        Object.assign({}, FORM_ITEM_METHODS.setValue, {
+            params: paramValueType,
+            description: '通过 $w.id1.setValue({address:"深圳站",geopoint:{coordinates:[114.117209,22.53168]}}) 设置组件值',
+        }),
+        FORM_ITEM_METHODS.setVisible,
+        FORM_ITEM_METHODS.setDisabled,
+        FORM_ITEM_METHODS.clearValue,
+        FORM_ITEM_METHODS.setReadOnly,
+        FORM_ITEM_METHODS.handleValidate,
+        FORM_ITEM_METHODS.clearValidate,
+    ],
+    events: [
+        {
+            ...{},
+            ...FORM_ITEM_EVENTS.change,
+            detail: paramValueType,
+        },
+    ],
     meta: {
-        name: 'WdLocation',
+        description: '用于在表单中进行地图选点定位。',
+        figureIcon: '../figureIcons/WdLocation.svg',
+        icon: '../icons/FormLocation.svg',
         title: '地图定位',
-        description: '表单布局',
-        icon: '../../icons/Form.svg',
-        category: '展示',
-        categoryOrder: 1,
-        componentOrder: 1,
-        visible: ['APP'],
+        name: 'WdLocation',
+        componentName: 'Location',
+        categoryOrder: 500,
+        componentOrder: 470,
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdLocation',
+        category: FORM_ITEM_META.category,
+        shortcut: FORM_ITEM_META.shortcut,
+        group: FORM_ITEM_META.group,
+        visible: FORM_ITEM_META.visible,
+        inlineStyleForm: FORM_ITEM_META.inlineStyleForm,
+        templates: [templateInitNameWithId],
     },
-    configMeta: {
-        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdForm',
-        // 快捷编辑时展示在编辑区的属性
-        shortcut: {
-            props: ['type'],
-        },
+    compConfig: {
+        componentType: 'formField',
     },
 });
 export default config;