jky-component-lib 0.0.127 → 0.0.129

package/dist/lib/form/FormItem.vue.js

@@ -57,6 +57,8 @@ const ElementPlus = require("element-plus");
 const index = require("../add-input/index.js");
 const index$2 = require("../code-mirror-editor/index.js");
 const index$1 = require("../rich-editor/index.js");
+const AMapPickerItem_vue_vue_type_script_setup_true_lang = require("./AMapPickerItem.vue.js");
+;/* empty css                     */
 const LinkedSelect_vue_vue_type_script_setup_true_lang = require("./LinkedSelect.vue.js");
 const SelectTable_vue_vue_type_script_setup_true_lang = require("./SelectTable.vue.js");
 ;/* empty css                  */
@@ -162,22 +164,28 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
         rules.value = configRules;
       });
     }
+    function setupWatchFields() {
+      const watchFields = props.config.watchFields;
+      if (!watchFields || watchFields.length === 0) {
+        return;
+      }
+      vue.watch(
+        () => watchFields.map((field) => props.model[field]),
+        () => {
+          loadComponentProps();
+          loadRules();
+        }
+      );
+    }
     loadComponentProps();
     loadRules();
+    setupWatchFields();
     const modelValue = vue.computed({
       get: () => props.model[props.field],
       set: (val) => {
         props.model[props.field] = val;
       }
     });
-    vue.watch(
-      () => props.model,
-      () => {
-        loadComponentProps();
-        loadRules();
-      },
-      { deep: true }
-    );
     const isHidden = vue.computed(() => {
       if (typeof props.config.hidden === "function") {
         return props.config.hidden({
@@ -504,6 +512,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValu
               props.model[props.field] = val;
             }
           }, _componentSlotsObj);
+        // 高德地图坐标拾取器
+        case "amap-picker":
+          return vue.h(AMapPickerItem_vue_vue_type_script_setup_true_lang.default, __spreadProps(__spreadValues({
+            "modelValue": modelValue.value,
+            "disabled": props.disabled
+          }, props.config.componentProps), {
+            "onUpdate:modelValue": (val) => {
+              props.model[props.field] = val;
+            }
+          }), _componentSlotsObj);
         case "custom":
           return (_b = (_a = props.config).render) == null ? void 0 : _b.call(_a, commonProps);
         default:

package/dist/lib/form/index.d.ts

@@ -1,7 +1,9 @@
 import { InstallWithSFC } from '../utils';
+import { default as AMapPickerItem } from './AMapPickerItem.vue';
 import { default as Form } from './Form.vue';
 import { default as LinkedSelect } from './LinkedSelect.vue';
-export type { ComponentPropsMap, ComponentPropsType, DynamicComponentProps, FormComponentType, FormItemChildConfig, FormItemConfig, FormItemOption, FormItemProps, FormItemPropsContext, FormProps, FormValidateResult, GridConfig, HelpConfig, HelpType, LinkedSelectConfig, ResponsiveBreakpoint, ResponsiveConfig, SelectTableComponentProps, SelectTableProps, StaticComponentProps, } from './types';
+export type { AMapPickerItemProps, ComponentPropsMap, ComponentPropsType, DynamicComponentProps, FormComponentType, FormItemChildConfig, FormItemConfig, FormItemOption, FormItemProps, FormItemPropsContext, FormProps, FormValidateResult, GridConfig, HelpConfig, HelpType, LinkedSelectConfig, ResponsiveBreakpoint, ResponsiveConfig, SelectTableComponentProps, SelectTableProps, StaticComponentProps, } from './types';
 export declare const JkyForm: InstallWithSFC<typeof Form>;
 export declare const JkyLinkedSelect: InstallWithSFC<typeof LinkedSelect>;
+export declare const JkyAMapPickerItem: InstallWithSFC<typeof AMapPickerItem>;
 export default JkyForm;

package/dist/lib/form/index.js

@@ -1,11 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const AMapPickerItem_vue_vue_type_script_setup_true_lang = require("./AMapPickerItem.vue.js");
+;/* empty css                     */
 const Form_vue_vue_type_script_setup_true_lang = require("./Form.vue.js");
 ;/* empty css           */
 const LinkedSelect_vue_vue_type_script_setup_true_lang = require("./LinkedSelect.vue.js");
 const withInstall = require("../utils/with-install.js");
 const JkyForm = withInstall.installWithSFC(Form_vue_vue_type_script_setup_true_lang.default);
 const JkyLinkedSelect = withInstall.installWithSFC(LinkedSelect_vue_vue_type_script_setup_true_lang.default);
+const JkyAMapPickerItem = withInstall.installWithSFC(AMapPickerItem_vue_vue_type_script_setup_true_lang.default);
+exports.JkyAMapPickerItem = JkyAMapPickerItem;
 exports.JkyForm = JkyForm;
 exports.JkyLinkedSelect = JkyLinkedSelect;
 exports.default = JkyForm;

package/dist/lib/index.js

@@ -4,17 +4,18 @@ const components = require("./components.js");
 const installer$1 = require("./utils/installer.js");
 ;/* empty css            */
 const resolver = require("./resolver.js");
+const AMapPicker_vue_vue_type_script_setup_true_lang = require("./amap/AMapPicker/AMapPicker.vue.js");
 const AMarker_vue_vue_type_script_setup_true_lang = require("./amap/AMarker.vue.js");
 ;/* empty css                   */
 const ATrackPlayback_vue_vue_type_script_setup_true_lang = require("./amap/ATrackPlayback.vue.js");
 ;/* empty css                          */
 const index = require("./amap/index.js");
-const index$1 = require("./page-table/index.js");
-const index$2 = require("./add-input/index.js");
-const index$3 = require("./button/index.js");
-const index$4 = require("./button-nav/index.js");
-const index$5 = require("./code-mirror-editor/index.js");
-const index$6 = require("./form/index.js");
+const index$1 = require("./form/index.js");
+const index$2 = require("./page-table/index.js");
+const index$3 = require("./add-input/index.js");
+const index$4 = require("./button/index.js");
+const index$5 = require("./button-nav/index.js");
+const index$6 = require("./code-mirror-editor/index.js");
 const index$7 = require("./menu/index.js");
 const index$8 = require("./modal/index.js");
 const index$9 = require("./page-header/index.js");
@@ -30,20 +31,23 @@ const install = installer.install;
 const version = installer.version;
 exports.components = components.components;
 exports.JkyComponentLibResolver = resolver.JkyComponentLibResolver;
+exports.AMapPicker = AMapPicker_vue_vue_type_script_setup_true_lang.default;
 exports.AMarker = AMarker_vue_vue_type_script_setup_true_lang.default;
 exports.ATrackPlayback = ATrackPlayback_vue_vue_type_script_setup_true_lang.default;
 exports.JkyAMap = index.JkyAMap;
+exports.JkyAMapPicker = index.JkyAMapPicker;
 exports.JkyAMarker = index.JkyAMarker;
 exports.JkyATrackPlayback = index.JkyATrackPlayback;
-exports.JkyActionColumn = index$1.JkyActionColumn;
-exports.JkyPageTable = index$1.JkyPageTable;
-exports.JkyPageTableColumn = index$1.JkyPageTableColumn;
-exports.JkyAddInput = index$2.JkyAddInput;
-exports.JkyButton = index$3.JkyButton;
-exports.JkyButtonNav = index$4.JkyButtonNav;
-exports.JkyCodeMirrorEditor = index$5.JkyCodeMirrorEditor;
-exports.JkyForm = index$6.JkyForm;
-exports.JkyLinkedSelect = index$6.JkyLinkedSelect;
+exports.JkyAMapPickerItem = index$1.JkyAMapPickerItem;
+exports.JkyForm = index$1.JkyForm;
+exports.JkyLinkedSelect = index$1.JkyLinkedSelect;
+exports.JkyActionColumn = index$2.JkyActionColumn;
+exports.JkyPageTable = index$2.JkyPageTable;
+exports.JkyPageTableColumn = index$2.JkyPageTableColumn;
+exports.JkyAddInput = index$3.JkyAddInput;
+exports.JkyButton = index$4.JkyButton;
+exports.JkyButtonNav = index$5.JkyButtonNav;
+exports.JkyCodeMirrorEditor = index$6.JkyCodeMirrorEditor;
 exports.JkyMenu = index$7.JkyMenu;
 exports.JkyModal = index$8.JkyModal;
 exports.JkyPageHeader = index$9.JkyPageHeader;

package/dist/lib/modal/Modal.vue.d.ts

@@ -44,8 +44,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "update:modelValue": (value: boolean) => any;
     cancel: () => any;
     close: () => any;
-    open: () => any;
     confirm: () => any;
+    open: () => any;
     opened: () => any;
     closed: () => any;
     typeChange: (type: import('./types').ModalType) => any;
@@ -53,8 +53,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onCancel?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
-    onOpen?: (() => any) | undefined;
     onConfirm?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     "onUpdate:mode"?: ((value: "dialog" | "drawer") => any) | undefined;
@@ -63,8 +63,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     onTypeChange?: ((type: import('./types').ModalType) => any) | undefined;
 }>, {
     title: string;
-    cancelText: string;
     confirmText: string;
+    cancelText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/lib/package.json.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const version = "0.0.127";
+const version = "0.0.129";
 exports.version = version;

package/dist/lib/page-table/PageTable.vue.d.ts

@@ -381,11 +381,11 @@ declare function __VLS_template(): {
                     fields?: any;
                 }) => any;
             }, string, {
+                cancelText: string;
+                footerClass: string;
                 watchDeep: boolean;
                 showFooter: boolean;
-                footerClass: string;
                 submitText: string;
-                cancelText: string;
                 submitDisabled: boolean;
                 cancelDisabled: boolean;
                 showCount: number;
@@ -410,11 +410,11 @@ declare function __VLS_template(): {
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
+            cancelText: string;
+            footerClass: string;
             watchDeep: boolean;
             showFooter: boolean;
-            footerClass: string;
             submitText: string;
-            cancelText: string;
             submitDisabled: boolean;
             cancelDisabled: boolean;
             showCount: number;
@@ -429,7 +429,7 @@ declare function __VLS_template(): {
                 valid: boolean;
                 fields?: any;
             }) => any) | undefined;
-        }>, "form" | "validate" | "clearValidate" | ("watchDeep" | "showFooter" | "footerClass" | "submitText" | "cancelText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
+        }>, "form" | "validate" | "clearValidate" | ("cancelText" | "footerClass" | "watchDeep" | "showFooter" | "submitText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
             validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
             clearValidate: (props?: any) => void;
             getFormInstance: () => ({
@@ -3199,11 +3199,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
                 fields?: any;
             }) => any;
         }, string, {
+            cancelText: string;
+            footerClass: string;
             watchDeep: boolean;
             showFooter: boolean;
-            footerClass: string;
             submitText: string;
-            cancelText: string;
             submitDisabled: boolean;
             cancelDisabled: boolean;
             showCount: number;
@@ -3228,11 +3228,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
+        cancelText: string;
+        footerClass: string;
         watchDeep: boolean;
         showFooter: boolean;
-        footerClass: string;
         submitText: string;
-        cancelText: string;
         submitDisabled: boolean;
         cancelDisabled: boolean;
         showCount: number;
@@ -3247,7 +3247,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
             valid: boolean;
             fields?: any;
         }) => any) | undefined;
-    }>, "form" | "validate" | "clearValidate" | ("watchDeep" | "showFooter" | "footerClass" | "submitText" | "cancelText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
+    }>, "form" | "validate" | "clearValidate" | ("cancelText" | "footerClass" | "watchDeep" | "showFooter" | "submitText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
         validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
         clearValidate: (props?: any) => void;
         getFormInstance: () => ({

package/dist/lib/page-table/PageTableColumn.vue.d.ts

@@ -21,10 +21,10 @@ declare const __VLS_component: import('vue').DefineComponent<PageTableColumnProp
         column: import('element-plus').TableColumnCtx<any>;
         index: number;
     }) => any;
+    align: string;
     prop: string;
     minWidth: string | number;
     sortable: boolean | string;
-    align: string;
     headerAlign: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/lib/page-table-v2/PageTableV2.vue.d.ts

@@ -416,11 +416,11 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
                 fields?: any;
             }) => any;
         }, string, {
+            cancelText: string;
+            footerClass: string;
             watchDeep: boolean;
             showFooter: boolean;
-            footerClass: string;
             submitText: string;
-            cancelText: string;
             submitDisabled: boolean;
             cancelDisabled: boolean;
             showCount: number;
@@ -445,11 +445,11 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
+        cancelText: string;
+        footerClass: string;
         watchDeep: boolean;
         showFooter: boolean;
-        footerClass: string;
         submitText: string;
-        cancelText: string;
         submitDisabled: boolean;
         cancelDisabled: boolean;
         showCount: number;
@@ -464,7 +464,7 @@ declare const _default: import('vue').DefineComponent<PageTableV2Props, {
             valid: boolean;
             fields?: any;
         }) => any) | undefined;
-    }>, "form" | "validate" | "clearValidate" | ("watchDeep" | "showFooter" | "footerClass" | "submitText" | "cancelText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
+    }>, "form" | "validate" | "clearValidate" | ("cancelText" | "footerClass" | "watchDeep" | "showFooter" | "submitText" | "submitDisabled" | "cancelDisabled" | "showCount") | "getFormInstance"> & {
         validate: (callback?: (isValid: boolean, invalidFields?: any) => void) => Promise<boolean>;
         clearValidate: (props?: any) => void;
         getFormInstance: () => ({

package/dist/lib/style.css

@@ -496,6 +496,10 @@
     left: calc(var(--spacing) * 0);
   }
 
+  .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
+
   .z-30 {
     z-index: 30;
   }
@@ -2326,6 +2330,16 @@
     }
   }
 
+  .bg-white\/90 {
+    background-color: #ffffffe6;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/90 {
+      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+    }
+  }
+
   .bg-yellow-50 {
     background-color: var(--color-yellow-50);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jky-component-lib",
   "type": "module",
-  "version": "0.0.127",
+  "version": "0.0.129",
   "publishConfig": {
     "access": "public"
   },