@gct-paas/render-mobile 0.1.5-dev.1 → 0.1.5-dev.3

package/es/components/treePopup/index.d.ts

@@ -0,0 +1,5 @@
+import { openPickerByType, Options } from './src/typing';
+export declare function createTreePopup(options: Options): {
+    openTreePopup: ({ ids, type, callback }: openPickerByType) => void;
+} | undefined;
+export * from './src/typing';

package/es/components/treePopup/index.mjs

@@ -0,0 +1,35 @@
+import { SelectType } from "./src/typing.mjs";
+import treePopup_default from "./src/treePopup.vue.mjs";
+import { createVNode, render } from "vue";
+import { isClient } from "@gct-paas/core-mobile";
+//#region src/components/treePopup/index.ts
+var instance = null;
+function createTreePopup(options) {
+	if (!isClient) return;
+	const propsData = {};
+	let popupRef;
+	const container = document.createElement("div");
+	Object.assign(propsData, options);
+	function readyModal() {
+		instance = createVNode(treePopup_default, propsData);
+		render(instance, container);
+		document.body.appendChild(container);
+		popupRef = instance.component?.exposed;
+	}
+	function openTreePopup({ ids, type, callback }) {
+		readyModal();
+		if (type === SelectType.SINGLE) popupRef?.singleTreeOpen({
+			ids,
+			type,
+			callback
+		});
+		else if (type === SelectType.MULTIPLE) popupRef?.multipleTreeOpen({
+			ids,
+			type,
+			callback
+		});
+	}
+	return { openTreePopup };
+}
+//#endregion
+export { createTreePopup };

package/es/components/treePopup/src/components/selectList.vue.d.ts

@@ -0,0 +1,11 @@
+import { optionType } from '../typing';
+type __VLS_Props = {
+    selectData: optionType[];
+    type: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    setSelectData: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSetSelectData?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/treePopup/src/components/selectList.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import selectList_vue_vue_type_script_setup_true_name_selectList_lang_default from "./selectList.vue_vue_type_script_setup_true_name_selectList_lang.mjs";
+import './selectList.vue_vue_type_style_index_0_scoped_04a58132_lang.css';/* empty css                                                                 */
+//#region src/components/treePopup/src/components/selectList.vue
+var selectList_default = /* @__PURE__ */ _plugin_vue_export_helper_default(selectList_vue_vue_type_script_setup_true_name_selectList_lang_default, [["__scopeId", "data-v-04a58132"]]);
+//#endregion
+export { selectList_default as default };

package/es/components/treePopup/src/components/selectList.vue_vue_type_script_setup_true_name_selectList_lang.mjs

@@ -0,0 +1,62 @@
+import { SelectType } from "../typing.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+//#region src/components/treePopup/src/components/selectList.vue?vue&type=script&setup=true&name=selectList&lang.ts
+var _hoisted_1 = { class: "slect-list flex flex-col h-full" };
+var _hoisted_2 = { class: "flex-1 overflow-y-auto" };
+var _hoisted_3 = { class: "flex" };
+var _hoisted_4 = { class: "flex-1" };
+var _hoisted_5 = ["innerHTML"];
+var _hoisted_6 = { class: "text-sm text-[#666666]" };
+var _hoisted_7 = { class: "w-full p-12px shadow-top" };
+var selectList_vue_vue_type_script_setup_true_name_selectList_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "selectList",
+	props: {
+		selectData: {},
+		type: {}
+	},
+	emits: ["setSelectData"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const setVal = (val) => {
+			if (props.type === SelectType.SINGLE) emit("setSelectData", val);
+			else return;
+		};
+		const setMulVal = () => {
+			if (props.type === SelectType.MULTIPLE) emit("setSelectData", props.selectData);
+		};
+		return (_ctx, _cache) => {
+			const _component_van_checkbox = resolveComponent("van-checkbox");
+			const _component_van_cell = resolveComponent("van-cell");
+			const _component_van_button = resolveComponent("van-button");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.selectData, (i, index) => {
+				return openBlock(), createBlock(_component_van_cell, {
+					key: index,
+					onClick: ($event) => setVal(i)
+				}, {
+					title: withCtx(() => [createElementVNode("div", _hoisted_3, [__props.type === unref(SelectType).MULTIPLE ? (openBlock(), createBlock(_component_van_checkbox, {
+						key: 0,
+						modelValue: i.checked,
+						"onUpdate:modelValue": ($event) => i.checked = $event,
+						class: "mr-12px mb-auto mt-5px",
+						shape: "square",
+						"icon-size": "16"
+					}, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4, [createElementVNode("div", {
+						class: "text-base",
+						innerHTML: i.label
+					}, null, 8, _hoisted_5), createElementVNode("div", _hoisted_6, toDisplayString(i.labels), 1)])])]),
+					_: 2
+				}, 1032, ["onClick"]);
+			}), 128))]), withDirectives(createElementVNode("div", _hoisted_7, [createVNode(_component_van_button, {
+				class: "w-full px-4px",
+				type: "primary",
+				onClick: setMulVal
+			}, {
+				default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("完成", -1)])]),
+				_: 1
+			})], 512), [[vShow, __props.type === unref(SelectType).MULTIPLE && __props.selectData.length]])]);
+		};
+	}
+});
+//#endregion
+export { selectList_vue_vue_type_script_setup_true_name_selectList_lang_default as default };

package/es/components/treePopup/src/components/selectList.vue_vue_type_style_index_0_scoped_04a58132_lang.css

@@ -0,0 +1,10 @@
+.slect-list[data-v-04a58132] {
+  border-top: 1px solid var(--van-cell-border-color);
+}
+[data-v-04a58132] .van-cell::after {
+  right: 0;
+  left: 0;
+}
+.shadow-top[data-v-04a58132] {
+  box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.12);
+}

package/es/components/treePopup/src/components/treeItem.vue.d.ts

@@ -0,0 +1,12 @@
+import { TreeOptions } from '../typing';
+type __VLS_Props = {
+    treeData: TreeOptions[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    setMulTreeData: (...args: any[]) => void;
+    mulToggle: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSetMulTreeData?: ((...args: any[]) => any) | undefined;
+    onMulToggle?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/treePopup/src/components/treeItem.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import treeItem_vue_vue_type_script_setup_true_name_treeItem_lang_default from "./treeItem.vue_vue_type_script_setup_true_name_treeItem_lang.mjs";
+import './treeItem.vue_vue_type_style_index_0_scoped_950c3131_lang.css';/* empty css                                                               */
+//#region src/components/treePopup/src/components/treeItem.vue
+var treeItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(treeItem_vue_vue_type_script_setup_true_name_treeItem_lang_default, [["__scopeId", "data-v-950c3131"]]);
+//#endregion
+export { treeItem_default as default };

package/es/components/treePopup/src/components/treeItem.vue_vue_type_script_setup_true_name_treeItem_lang.mjs

@@ -0,0 +1,70 @@
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, resolveComponent, toDisplayString, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+//#region src/components/treePopup/src/components/treeItem.vue?vue&type=script&setup=true&name=treeItem&lang.ts
+var _hoisted_1 = { class: "tree-wrapper" };
+var _hoisted_2 = ["onClick"];
+var treeItem_vue_vue_type_script_setup_true_name_treeItem_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "treeItem",
+	props: { treeData: {} },
+	emits: ["setMulTreeData", "mulToggle"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const treeChecked = ref(props.treeData.map((item) => item.checked));
+		watch(() => props.treeData, () => {
+			treeChecked.value = props.treeData.map((item) => item.checked);
+		}, { deep: true });
+		const emit = __emit;
+		function mulToggles(...arg) {
+			emit("mulToggle", ...arg);
+		}
+		function toggle(value) {
+			emit("mulToggle", value);
+		}
+		function setMulData(...arg) {
+			emit("setMulTreeData", ...arg);
+		}
+		function checked(value, index) {
+			const checked = treeChecked.value[index];
+			emit("setMulTreeData", value, checked);
+		}
+		return (_ctx, _cache) => {
+			const _component_van_checkbox = resolveComponent("van-checkbox");
+			const _component_van_icon = resolveComponent("van-icon");
+			const _component_treeItem = resolveComponent("treeItem", true);
+			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.treeData, (item, index) => {
+				return openBlock(), createElementBlock(Fragment, null, [item ? (openBlock(), createElementBlock("div", {
+					ref_for: true,
+					ref: "r_" + item.value,
+					key: item.value,
+					class: "c-t-item"
+				}, [createElementVNode("div", {
+					class: "c-t-item-detail relative py-16px px-12px",
+					onClick: withModifiers(($event) => toggle(item), ["stop"])
+				}, [createVNode(_component_van_checkbox, {
+					modelValue: treeChecked.value[index],
+					"onUpdate:modelValue": ($event) => treeChecked.value[index] = $event,
+					"icon-size": "14",
+					shape: "square",
+					onClick: withModifiers(($event) => checked(item, index), ["stop"])
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
+					_: 2
+				}, 1032, [
+					"modelValue",
+					"onUpdate:modelValue",
+					"onClick"
+				]), item.children && item.children.length ? (openBlock(), createBlock(_component_van_icon, {
+					key: 0,
+					class: "absolute right-12px top-16px pl-12px arrow-icon",
+					name: item.expand ? "arrow-up" : "arrow-down"
+				}, null, 8, ["name"])) : createCommentVNode("", true)], 8, _hoisted_2), withDirectives(createVNode(_component_treeItem, {
+					class: "pl-24px",
+					"tree-data": item.children,
+					onSetMulTreeData: setMulData,
+					onMulToggle: mulToggles
+				}, null, 8, ["tree-data"]), [[vShow, item.children && item.children.length && item.expand]])])) : createCommentVNode("", true)], 64);
+			}), 256))]);
+		};
+	}
+});
+//#endregion
+export { treeItem_vue_vue_type_script_setup_true_name_treeItem_lang_default as default };

package/es/components/treePopup/src/components/treeItem.vue_vue_type_style_index_0_scoped_950c3131_lang.css

@@ -0,0 +1,17 @@
+.tree-wrapper[data-v-950c3131] .arrow-icon.van-icon {
+  position: absolute;
+}
+.tree-wrapper .c-t-item-detail[data-v-950c3131] {
+  position: relative;
+}
+.tree-wrapper .c-t-item-detail[data-v-950c3131]::after {
+  position: absolute;
+  box-sizing: border-box;
+  content: ' ';
+  pointer-events: none;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border-bottom: 1px solid var(--van-cell-border-color);
+  transform: scaleY(0.5);
+}

package/es/components/treePopup/src/components/treeList.vue.d.ts

@@ -0,0 +1,19 @@
+import { optionType } from '../typing';
+type __VLS_Props = {
+    checkedSingleData: optionType[];
+    treeSingleData: optionType[];
+    activeKey: string;
+    type: string;
+};
+declare function setVal(value: IObject): void;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    active: import('vue').Ref<string, string>;
+    setVal: typeof setVal;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    checkTreeData: (...args: any[]) => void;
+    getBackData: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCheckTreeData?: ((...args: any[]) => any) | undefined;
+    onGetBackData?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/es/components/treePopup/src/components/treeList.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import treeList_vue_vue_type_script_setup_true_name_treelist_lang_default from "./treeList.vue_vue_type_script_setup_true_name_treelist_lang.mjs";
+import './treeList.vue_vue_type_style_index_0_scoped_469e28be_lang.css';/* empty css                                                               */
+//#region src/components/treePopup/src/components/treeList.vue
+var treeList_default = /* @__PURE__ */ _plugin_vue_export_helper_default(treeList_vue_vue_type_script_setup_true_name_treelist_lang_default, [["__scopeId", "data-v-469e28be"]]);
+//#endregion
+export { treeList_default as default };

package/es/components/treePopup/src/components/treeList.vue_vue_type_script_setup_true_name_treelist_lang.mjs

@@ -0,0 +1,61 @@
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
+//#region src/components/treePopup/src/components/treeList.vue?vue&type=script&setup=true&name=treelist&lang.ts
+var _hoisted_1 = { class: "tree-list" };
+var _hoisted_2 = { class: "overflow-y-auto px-14px border-b" };
+var _hoisted_3 = { class: "tree-tab flex pb-10px" };
+var _hoisted_4 = ["onClick"];
+var _hoisted_5 = { class: "tree-list-container" };
+var _hoisted_6 = ["innerHTML"];
+var _hoisted_7 = { class: "ks-row-middle" };
+var treeList_vue_vue_type_script_setup_true_name_treelist_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "treeList",
+	props: {
+		checkedSingleData: {},
+		treeSingleData: {},
+		activeKey: {},
+		type: {}
+	},
+	emits: ["checkTreeData", "getBackData"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const active = ref(__props.activeKey) || "";
+		const emit = __emit;
+		function setVal(value) {
+			active.value = value.value;
+			value.children?.length && emit("checkTreeData", value.children, value.value);
+		}
+		function backTo(value) {
+			value.value && emit("getBackData", value, value.parentId);
+		}
+		__expose({
+			active,
+			setVal
+		});
+		return (_ctx, _cache) => {
+			const _component_van_icon = resolveComponent("van-icon");
+			const _component_van_cell = resolveComponent("van-cell");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.checkedSingleData, (val, index) => {
+				return openBlock(), createElementBlock("span", {
+					key: val.value + index,
+					class: "ml-3px mr-10px",
+					onClick: withModifiers(($event) => backTo(val), ["stop"])
+				}, toDisplayString(val.label), 9, _hoisted_4);
+			}), 128)), _cache[0] || (_cache[0] = createElementVNode("span", { class: "mx-3px tree-text" }, "请选择", -1))])]), createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.treeSingleData, (i, index) => {
+				return openBlock(), createBlock(_component_van_cell, {
+					key: index,
+					class: normalizeClass({ "is-active": unref(active) === i.value }),
+					onClick: withModifiers(($event) => setVal(i), ["stop"])
+				}, {
+					title: withCtx(() => [createElementVNode("span", { innerHTML: i.label }, null, 8, _hoisted_6)]),
+					"right-icon": withCtx(() => [createElementVNode("div", _hoisted_7, [unref(active) === i.value ? (openBlock(), createBlock(_component_van_icon, {
+						key: 0,
+						name: "success",
+						class: "text-18px primary-color"
+					})) : createCommentVNode("", true)])]),
+					_: 2
+				}, 1032, ["class", "onClick"]);
+			}), 128))])]);
+		};
+	}
+});
+//#endregion
+export { treeList_vue_vue_type_script_setup_true_name_treelist_lang_default as default };

package/es/components/treePopup/src/components/treeList.vue_vue_type_style_index_0_scoped_469e28be_lang.css

@@ -0,0 +1,20 @@
+.is-active[data-v-469e28be] {
+  color: var(--van-primary-color);
+}
+.tree-tab span[data-v-469e28be] {
+  white-space: nowrap;
+}
+.tree-text[data-v-469e28be] {
+  color: var(--van-primary-color);
+}
+.border-b[data-v-469e28be] {
+  border-bottom: 1px solid var(--van-cell-border-color);
+}
+.border-b[data-v-469e28be]::-webkit-scrollbar {
+  height: 0;
+}
+[data-v-469e28be] .van-cell::after {
+  border-bottom: transparent;
+  right: 0;
+  left: 0;
+}

package/es/components/treePopup/src/treeCheck.vue.d.ts

@@ -0,0 +1,71 @@
+import { optionType } from './typing';
+type __VLS_Props = {
+    options: optionType[];
+    activeKey: string;
+    activeKeys: string[];
+    title: string;
+    type: string;
+    hasNoLabels?: boolean;
+    ignoreCase?: number;
+    maxTagTextLength?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    checked: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChecked?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    treeListRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        checkedSingleData: optionType[];
+        treeSingleData: optionType[];
+        activeKey: string;
+        type: string;
+    }> & Readonly<{
+        onCheckTreeData?: ((...args: any[]) => any) | undefined;
+        onGetBackData?: ((...args: any[]) => any) | undefined;
+    }>, {
+        active: import('vue').Ref<string, string>;
+        setVal: (value: IObject) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        checkTreeData: (...args: any[]) => void;
+        getBackData: (...args: any[]) => void;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        checkedSingleData: optionType[];
+        treeSingleData: optionType[];
+        activeKey: string;
+        type: string;
+    }> & Readonly<{
+        onCheckTreeData?: ((...args: any[]) => any) | undefined;
+        onGetBackData?: ((...args: any[]) => any) | undefined;
+    }>, {
+        active: import('vue').Ref<string, string>;
+        setVal: (value: IObject) => void;
+    }, {}, {}, {}, {}> | null;
+    selectListRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        selectData: optionType[];
+        type: string;
+    }> & Readonly<{
+        onSetSelectData?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        setSelectData: (...args: any[]) => void;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        selectData: optionType[];
+        type: string;
+    }> & Readonly<{
+        onSetSelectData?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+export default _default;

package/es/components/treePopup/src/treeCheck.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import treeCheck_vue_vue_type_script_setup_true_lang_default from "./treeCheck.vue_vue_type_script_setup_true_lang.mjs";
+import './treeCheck.vue_vue_type_style_index_0_scoped_00b864e8_lang.css';/* empty css                                                                */
+//#region src/components/treePopup/src/treeCheck.vue
+var treeCheck_default = /* @__PURE__ */ _plugin_vue_export_helper_default(treeCheck_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-00b864e8"]]);
+//#endregion
+export { treeCheck_default as default };