zartui 3.1.36 → 3.1.38

package/README.md

@@ -1,27 +1,27 @@
-# ZartUI
-
-[ZartUI](https://zartui.egova.com.cn) 是数字政通基于 Vue 研发的一款面向政务场景的移动端组件库。
-
-Zart（读音 /zɑːt/）的命名，灵感源自数字政通秉承的理念：让城市治理变得更智慧。Zart = zt + smart， zt是政通的首字母缩写，smart代表公司理念中的“智慧”，将smart中间的“ar”字母包裹于zt之间，体现了ZartUI的核心目标：追求极致的用户体验，致力于做灵活智能的组件库。
-
-## 特性
-
-1）【组件重构】【组件审核】提供50多个高质量组件，覆盖移动端各类场景；
-
-2）【UI重构】基于全新的视觉规范；
-
-3）【在线网站】完善的文档、示例、演示效果；
-
-4）支持主题定制、按需引入；
-
-5）支持Vue3.0、TypeScript；
-
-6）性能佳，组件平均体积小(min+gzip);
-
-## 浏览器支持
-
-ZartUI 3 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一致）。
-
-## 本地开发
-
-推荐`node`版本 `>=18`。执行 `pnpm install` 安装依赖，然后进入 `packages/zartui` 执行 `pnpm dev` 启动本地开发环境。
+# ZartUI
+
+[ZartUI](https://zartui.egova.com.cn) 是数字政通基于 Vue 研发的一款面向政务场景的移动端组件库。
+
+Zart（读音 /zɑːt/）的命名，灵感源自数字政通秉承的理念：让城市治理变得更智慧。Zart = zt + smart， zt是政通的首字母缩写，smart代表公司理念中的“智慧”，将smart中间的“ar”字母包裹于zt之间，体现了ZartUI的核心目标：追求极致的用户体验，致力于做灵活智能的组件库。
+
+## 特性
+
+1）【组件重构】【组件审核】提供50多个高质量组件，覆盖移动端各类场景；
+
+2）【UI重构】基于全新的视觉规范；
+
+3）【在线网站】完善的文档、示例、演示效果；
+
+4）支持主题定制、按需引入；
+
+5）支持Vue3.0、TypeScript；
+
+6）性能佳，组件平均体积小(min+gzip);
+
+## 浏览器支持
+
+ZartUI 3 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0（与 Vue 3 一致）。
+
+## 本地开发
+
+推荐`node`版本 `>=18`。执行 `pnpm install` 安装依赖，然后进入 `packages/zartui` 执行 `pnpm dev` 启动本地开发环境。

package/es/date-time-picker/DateTimePicker.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, ref, watch, createVNode as _createVNode, createTextVNode as _createTextVNode, mergeProps as _mergeProps, vShow as _vShow, withDirectives as _withDirectives } from "vue";
 import { createNamespace, ELLIPSIS, extend, HAPTICS_FEEDBACK, isSameValue, pick } from "../utils/index.mjs";
 import DateTimePicker, { dateTimePickerProps } from "./DateTimePickerWrapper.mjs";
-import { pickerInheritKeys } from "./utils.mjs";
+import { pickerInheritKeys, popupInheritKeys } from "./utils.mjs";
 import Popup from "../popup/Popup.mjs";
 import Toolbar, { pickerToolbarPropKeys, pickerToolbarSlots } from "../picker/PickerToolbar.mjs";
 import Divider from "../divider/Divider.mjs";
@@ -252,13 +252,13 @@ var stdin_default = defineComponent({
         }), pick(slots, pickerToolbarSlots))];
       }
     };
-    return () => _createVNode(Popup, {
+    return () => _createVNode(Popup, _mergeProps(pick(props, popupInheritKeys), {
       "round": true,
       "position": "bottom",
       "onOpen": onOpen,
       "show": currentShow.value,
       "onUpdate:show": ($event) => currentShow.value = $event
-    }, {
+    }), {
       default: () => [renderTitle(), renderPicker(), renderToolbar()]
     });
   }

package/es/date-time-picker/utils.d.ts

@@ -47,6 +47,7 @@ export declare const sharedProps: {
     };
 };
 export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "showTitle" | "allowHtml" | "cancelButtonText" | "confirmButtonText" | "swipeDuration" | "showToolbar" | "optionHeight" | "visibleOptionNum")[];
+export declare const popupInheritKeys: any;
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare const getMonthEndDay: (year: number, month: number) => number;
 export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter?: Filter) => PickerOption[];

package/es/date-time-picker/utils.mjs

@@ -1,5 +1,6 @@
 import { extend, padZero, makeArrayProp, clamp } from "../utils/index.mjs";
 import { pickerSharedProps } from "../picker/Picker.mjs";
+import { popupSharedPropKeys } from "../popup/shared.mjs";
 const sharedProps = extend({}, pickerSharedProps, {
   modelValue: makeArrayProp(),
   filter: {
@@ -11,6 +12,12 @@ const sharedProps = extend({}, pickerSharedProps, {
   }
 });
 const pickerInheritKeys = Object.keys(pickerSharedProps);
+const popupInheritKeys = [
+  ...popupSharedPropKeys,
+  "round",
+  "closeOnPopstate",
+  "safeAreaInsetBottom"
+];
 function times(n, iteratee) {
   if (n < 0) {
     return [];
@@ -47,6 +54,7 @@ export {
   genOptions,
   getMonthEndDay,
   pickerInheritKeys,
+  popupInheritKeys,
   sharedProps,
   times
 };

package/es/hierarchy-select/HierarchySelect.d.ts

@@ -41,6 +41,10 @@ declare const hierarchySelectProps: {
         default: string;
     };
     autoChangeToChildren: BooleanConstructor;
+    checkedChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type HierarchySelectProps = ExtractPropTypes<typeof hierarchySelectProps>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
@@ -84,6 +88,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: string;
     };
     autoChangeToChildren: BooleanConstructor;
+    checkedChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selected" | "change" | "asyncGetter" | "update:checkedList")[], "selected" | "change" | "asyncGetter" | "update:checkedList", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     treeData: {
         type: ArrayConstructor;
@@ -125,6 +133,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: string;
     };
     autoChangeToChildren: BooleanConstructor;
+    checkedChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelected?: ((...args: any[]) => any) | undefined;
@@ -141,5 +153,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     showParentChecked: boolean;
     unanimous: boolean;
     autoChangeToChildren: boolean;
+    checkedChildren: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/hierarchy-select/HierarchySelect.mjs

@@ -37,7 +37,11 @@ const hierarchySelectProps = {
   valueKey: makeStringProp("id"),
   textKey: makeStringProp("name"),
   breadcrumbTitle: makeStringProp("\u5168\u90E8"),
-  autoChangeToChildren: Boolean
+  autoChangeToChildren: Boolean,
+  checkedChildren: {
+    type: Boolean,
+    default: true
+  }
 };
 var stdin_default = defineComponent({
   name,
@@ -167,7 +171,7 @@ var stdin_default = defineComponent({
       if (item.disabled) {
         return;
       }
-      if (getChecked(item)) {
+      if (!props.checkedChildren && getChecked(item)) {
         return;
       }
       if (item.children && item.children.length) {
@@ -351,7 +355,7 @@ var stdin_default = defineComponent({
         toNextLevel(item, index);
       }
     }, [showSub(item) && _createVNode("div", {
-      "class": bem("sub-level", getChecked(item) || getToSubDisabled(item) ? "disable" : "")
+      "class": bem("sub-level", !props.checkedChildren && (getChecked(item) || getToSubDisabled(item)) ? "disable" : "")
     }, [_createVNode("span", {
       "class": bem("sub-icon")
     }, [SubIcon(bem)]), _createVNode("span", null, [_createTextVNode("\u4E0B\u7EA7")])])])]))]);

package/es/hierarchy-select/index.d.ts

@@ -39,6 +39,10 @@ export declare const HierarchySelect: import("../utils").WithInstall<import("vue
         default: string;
     };
     autoChangeToChildren: BooleanConstructor;
+    checkedChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selected" | "change" | "asyncGetter" | "update:checkedList")[], "selected" | "change" | "asyncGetter" | "update:checkedList", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     treeData: {
         type: ArrayConstructor;
@@ -80,6 +84,10 @@ export declare const HierarchySelect: import("../utils").WithInstall<import("vue
         default: string;
     };
     autoChangeToChildren: BooleanConstructor;
+    checkedChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelected?: ((...args: any[]) => any) | undefined;
@@ -96,6 +104,7 @@ export declare const HierarchySelect: import("../utils").WithInstall<import("vue
     showParentChecked: boolean;
     unanimous: boolean;
     autoChangeToChildren: boolean;
+    checkedChildren: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default HierarchySelect;
 export type { HierarchySelectProps } from './HierarchySelect';

package/es/index.d.ts

@@ -83,4 +83,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.36";
+export const version: "3.1.37";

package/es/index.mjs

@@ -76,7 +76,7 @@ import { Timeline } from "./timeline/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Video } from "./video/index.mjs";
-const version = "3.1.36";
+const version = "3.1.37";
 function install(app) {
   const components = [
     ActionSheet,

package/es/lazyload/vue-lazyload/index.d.ts

@@ -1,55 +1,55 @@
-import type { App } from 'vue';
-
-declare type ListenEvent =
-  | 'scroll'
-  | 'wheel'
-  | 'mousewheel'
-  | 'resize'
-  | 'animationend'
-  | 'transitionend'
-  | 'touchmove';
-
-// eslint-disable-next-line
-declare type Callback = (listener: any, options: LazyloadOptions) => void;
-
-declare type Filter = {
-  webp?: Callback;
-  progressive?: Callback;
-};
-
-declare type Adapter = {
-  error?: Callback;
-  loaded?: Callback;
-  loading?: Callback;
-};
-
-export declare type LazyloadOptions = {
-  error?: string;
-  filter?: Filter;
-  silent?: boolean;
-  adapter?: Adapter;
-  loading?: string;
-  attempt?: number;
-  preLoad?: number;
-  observer?: boolean;
-  lazyImage?: boolean;
-  throttleWait?: number;
-  listenEvents?: ListenEvent[];
-  dispatchEvent?: boolean;
-  lazyComponent?: boolean;
-  observerOptions?: IntersectionObserverInit;
-};
-
-export declare const Lazyload: {
-  install(app: App, options?: LazyloadOptions): void;
-};
-
-declare module '@vue/runtime-core' {
-  interface ComponentCustomProperties {
-    $Lazyload: {
-      $on: (event: string, handler: Callback) => void;
-      $off: (event: string, handler?: Callback) => void;
-      $once: (event: string, handler: Callback) => void;
-    };
-  }
-}
+import type { App } from 'vue';
+
+declare type ListenEvent =
+  | 'scroll'
+  | 'wheel'
+  | 'mousewheel'
+  | 'resize'
+  | 'animationend'
+  | 'transitionend'
+  | 'touchmove';
+
+// eslint-disable-next-line
+declare type Callback = (listener: any, options: LazyloadOptions) => void;
+
+declare type Filter = {
+  webp?: Callback;
+  progressive?: Callback;
+};
+
+declare type Adapter = {
+  error?: Callback;
+  loaded?: Callback;
+  loading?: Callback;
+};
+
+export declare type LazyloadOptions = {
+  error?: string;
+  filter?: Filter;
+  silent?: boolean;
+  adapter?: Adapter;
+  loading?: string;
+  attempt?: number;
+  preLoad?: number;
+  observer?: boolean;
+  lazyImage?: boolean;
+  throttleWait?: number;
+  listenEvents?: ListenEvent[];
+  dispatchEvent?: boolean;
+  lazyComponent?: boolean;
+  observerOptions?: IntersectionObserverInit;
+};
+
+export declare const Lazyload: {
+  install(app: App, options?: LazyloadOptions): void;
+};
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $Lazyload: {
+      $on: (event: string, handler: Callback) => void;
+      $off: (event: string, handler?: Callback) => void;
+      $once: (event: string, handler: Callback) => void;
+    };
+  }
+}

package/es/vue-sfc-shim.d.ts

@@ -1,6 +1,6 @@
-declare module '*.vue' {
-  // eslint-disable-next-line
-  import { DefineComponent } from 'vue';
-  const Component: DefineComponent;
-  export default Component;
-}
+declare module '*.vue' {
+  // eslint-disable-next-line
+  import { DefineComponent } from 'vue';
+  const Component: DefineComponent;
+  export default Component;
+}

package/es/vue-tsx-shim.d.ts

@@ -1,23 +1,23 @@
-import 'vue';
-
-type EventHandler = (...args: any[]) => void;
-
-declare module 'vue' {
-  interface ComponentCustomProps {
-    id?: string;
-    role?: string;
-    tabindex?: number;
-    onClick?: EventHandler;
-    onTouchend?: EventHandler;
-    onTouchmove?: EventHandler;
-    onTouchstart?: EventHandler;
-    onTouchcancel?: EventHandler;
-    onTouchmovePassive?: EventHandler;
-    onTouchstartPassive?: EventHandler;
-  }
-
-  interface HTMLAttributes {
-    onTouchmovePassive?: EventHandler;
-    onTouchstartPassive?: EventHandler;
-  }
-}
+import 'vue';
+
+type EventHandler = (...args: any[]) => void;
+
+declare module 'vue' {
+  interface ComponentCustomProps {
+    id?: string;
+    role?: string;
+    tabindex?: number;
+    onClick?: EventHandler;
+    onTouchend?: EventHandler;
+    onTouchmove?: EventHandler;
+    onTouchstart?: EventHandler;
+    onTouchcancel?: EventHandler;
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
+  }
+
+  interface HTMLAttributes {
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
+  }
+}

package/lib/date-time-picker/DateTimePicker.js

@@ -284,13 +284,13 @@ var stdin_default = (0, import_vue.defineComponent)({
         }), (0, import_utils.pick)(slots, import_PickerToolbar.pickerToolbarSlots))];
       }
     };
-    return () => (0, import_vue.createVNode)(import_Popup.default, {
+    return () => (0, import_vue.createVNode)(import_Popup.default, (0, import_vue.mergeProps)((0, import_utils.pick)(props, import_utils2.popupInheritKeys), {
       "round": true,
       "position": "bottom",
       "onOpen": onOpen,
       "show": currentShow.value,
       "onUpdate:show": ($event) => currentShow.value = $event
-    }, {
+    }), {
       default: () => [renderTitle(), renderPicker(), renderToolbar()]
     });
   }

package/lib/date-time-picker/utils.d.ts

@@ -47,6 +47,7 @@ export declare const sharedProps: {
     };
 };
 export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "showTitle" | "allowHtml" | "cancelButtonText" | "confirmButtonText" | "swipeDuration" | "showToolbar" | "optionHeight" | "visibleOptionNum")[];
+export declare const popupInheritKeys: any;
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare const getMonthEndDay: (year: number, month: number) => number;
 export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter?: Filter) => PickerOption[];

package/lib/date-time-picker/utils.js

@@ -21,12 +21,14 @@ __export(stdin_exports, {
   genOptions: () => genOptions,
   getMonthEndDay: () => getMonthEndDay,
   pickerInheritKeys: () => pickerInheritKeys,
+  popupInheritKeys: () => popupInheritKeys,
   sharedProps: () => sharedProps,
   times: () => times
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Picker = require("../picker/Picker");
+var import_shared = require("../popup/shared");
 const sharedProps = (0, import_utils.extend)({}, import_Picker.pickerSharedProps, {
   modelValue: (0, import_utils.makeArrayProp)(),
   filter: {
@@ -38,6 +40,12 @@ const sharedProps = (0, import_utils.extend)({}, import_Picker.pickerSharedProps
   }
 });
 const pickerInheritKeys = Object.keys(import_Picker.pickerSharedProps);
+const popupInheritKeys = [
+  ...import_shared.popupSharedPropKeys,
+  "round",
+  "closeOnPopstate",
+  "safeAreaInsetBottom"
+];
 function times(n, iteratee) {
   if (n < 0) {
     return [];

package/lib/hierarchy-select/HierarchySelect.d.ts

@@ -41,6 +41,10 @@ declare const hierarchySelectProps: {
         default: string;
     };
     autoChangeToChildren: BooleanConstructor;
+    checkedChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export type HierarchySelectProps = ExtractPropTypes<typeof hierarchySelectProps>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
@@ -84,6 +88,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: string;
     };
     autoChangeToChildren: BooleanConstructor;
+    checkedChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selected" | "change" | "asyncGetter" | "update:checkedList")[], "selected" | "change" | "asyncGetter" | "update:checkedList", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     treeData: {
         type: ArrayConstructor;
@@ -125,6 +133,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: string;
     };
     autoChangeToChildren: BooleanConstructor;
+    checkedChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelected?: ((...args: any[]) => any) | undefined;
@@ -141,5 +153,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     showParentChecked: boolean;
     unanimous: boolean;
     autoChangeToChildren: boolean;
+    checkedChildren: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/hierarchy-select/HierarchySelect.js

@@ -69,7 +69,11 @@ const hierarchySelectProps = {
   valueKey: (0, import_utils.makeStringProp)("id"),
   textKey: (0, import_utils.makeStringProp)("name"),
   breadcrumbTitle: (0, import_utils.makeStringProp)("\u5168\u90E8"),
-  autoChangeToChildren: Boolean
+  autoChangeToChildren: Boolean,
+  checkedChildren: {
+    type: Boolean,
+    default: true
+  }
 };
 var stdin_default = (0, import_vue.defineComponent)({
   name,
@@ -199,7 +203,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       if (item.disabled) {
         return;
       }
-      if (getChecked(item)) {
+      if (!props.checkedChildren && getChecked(item)) {
         return;
       }
       if (item.children && item.children.length) {
@@ -383,7 +387,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         toNextLevel(item, index);
       }
     }, [showSub(item) && (0, import_vue.createVNode)("div", {
-      "class": bem("sub-level", getChecked(item) || getToSubDisabled(item) ? "disable" : "")
+      "class": bem("sub-level", !props.checkedChildren && (getChecked(item) || getToSubDisabled(item)) ? "disable" : "")
     }, [(0, import_vue.createVNode)("span", {
       "class": bem("sub-icon")
     }, [(0, import_SubIcon.SubIcon)(bem)]), (0, import_vue.createVNode)("span", null, [(0, import_vue.createTextVNode)("\u4E0B\u7EA7")])])])]))]);

package/lib/hierarchy-select/index.d.ts

@@ -39,6 +39,10 @@ export declare const HierarchySelect: import("../utils").WithInstall<import("vue
         default: string;
     };
     autoChangeToChildren: BooleanConstructor;
+    checkedChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selected" | "change" | "asyncGetter" | "update:checkedList")[], "selected" | "change" | "asyncGetter" | "update:checkedList", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     treeData: {
         type: ArrayConstructor;
@@ -80,6 +84,10 @@ export declare const HierarchySelect: import("../utils").WithInstall<import("vue
         default: string;
     };
     autoChangeToChildren: BooleanConstructor;
+    checkedChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelected?: ((...args: any[]) => any) | undefined;
@@ -96,6 +104,7 @@ export declare const HierarchySelect: import("../utils").WithInstall<import("vue
     showParentChecked: boolean;
     unanimous: boolean;
     autoChangeToChildren: boolean;
+    checkedChildren: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default HierarchySelect;
 export type { HierarchySelectProps } from './HierarchySelect';

package/lib/index.d.ts

@@ -83,4 +83,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.36";
+export const version: "3.1.37";

package/lib/index.js

@@ -180,7 +180,7 @@ __reExport(stdin_exports, require("./timeline"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./video"), module.exports);
-const version = "3.1.36";
+const version = "3.1.37";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,