@gct-paas/design-mobile 0.1.4-dev.9 → 0.1.5-dev.0

package/es/components/form-component/tag-label.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,127 @@
+import tag_span_default from "./tag-span.vue.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, inject, normalizeClass, normalizeStyle, openBlock, renderList, resolveComponent, toDisplayString, toRef, unref, withCtx } from "vue";
+import { FIELD_TYPE } from "@gct-paas/core";
+import { schemaToStyle, transformField2Component } from "@gct-paas/design";
+import { isString } from "lodash-es";
+//#region src/components/form-component/tag-label.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "gct-iconfont icon-ziduan-bumen primary-gct"
+};
+var tag_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tag-label",
+	props: {
+		tagWidgetStyle: {},
+		type: {},
+		disabled: { type: Boolean },
+		label: {},
+		isDesign: { type: Boolean },
+		showTagStyle: {
+			type: Boolean,
+			default: true
+		},
+		iconExtraProps: {},
+		avatarProps: {}
+	},
+	emits: ["on-close"],
+	setup(__props) {
+		const props = __props;
+		const labelLayout = inject("labelLayout", {});
+		const showLabel = toRef(() => {
+			let showMsg = props.label ?? "";
+			if ((!showMsg || showMsg.length <= 0) && props.isDesign) showMsg = props.type ? transformField2Component(props.type)?.example || "" : "";
+			if (props.showTagStyle && props.tagWidgetStyle?.tagStyleOpen || props.type === FIELD_TYPE.ENUM_MULTI || props.type === FIELD_TYPE.ENUM) return showMsg ? isString(showMsg) ? [showMsg] : showMsg : [];
+			else if ([
+				FIELD_TYPE.ORG_MULTI,
+				FIELD_TYPE.ORG,
+				FIELD_TYPE.USER,
+				FIELD_TYPE.USER_MULTI
+			].includes(props.type)) return showMsg ? isString(showMsg) ? [showMsg] : showMsg : [];
+			else return showMsg + "";
+		});
+		const comStyle = toRef(() => {
+			const contentFont = props.tagWidgetStyle?.contentFont;
+			if (!contentFont) return {};
+			return schemaToStyle(contentFont);
+		});
+		const getMsgColor = (key) => {
+			const iconAttrs = props.iconExtraProps?.[key] || {};
+			const color = {};
+			Object.assign(color, { color: iconAttrs?.textColor || "#000000" });
+			if (comStyle.value?.color) return comStyle.value;
+			return {
+				wordBreak: "break-all",
+				...comStyle.value,
+				...color
+			};
+		};
+		const iconNode = { render: ({ $attrs }) => {
+			if ($attrs.labelName) {
+				const iconAttrs = props.iconExtraProps?.[$attrs.labelName] || {};
+				if (!iconAttrs?.icon) return;
+				return h(resolveComponent("icon-next"), {
+					size: 16,
+					value: iconAttrs?.icon,
+					color: iconAttrs?.iconColor,
+					style: "vertical-align: text-bottom; margin-right: 4px"
+				});
+			}
+		} };
+		return (_ctx, _cache) => {
+			return __props.showTagStyle && __props.tagWidgetStyle?.tagStyleOpen ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass([__props.disabled ? "tag-label-disabled" : null, !!unref(labelLayout)?.hasLabelWidth && unref(labelLayout)?.layout.label === "left" ? unref(labelLayout)?.overLabelDisplay == "ellipsis" ? "label-ellipsis" : "label-wrap" : ""])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(showLabel.value, (i, index) => {
+				return openBlock(), createBlock(tag_span_default, {
+					key: index,
+					"tag-style": __props.tagWidgetStyle.tagStyle,
+					style: normalizeStyle(getMsgColor(i))
+				}, {
+					default: withCtx(() => [createVNode(iconNode, { "label-name": i }, null, 8, ["label-name"]), createElementVNode("span", null, toDisplayString(i), 1)]),
+					_: 2
+				}, 1032, ["tag-style", "style"]);
+			}), 128))], 2)) : __props.type === unref(FIELD_TYPE).ENUM_MULTI || __props.type === unref(FIELD_TYPE).ENUM ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass([
+					__props.disabled ? "tag-label-disabled" : null,
+					"tag-text",
+					!!unref(labelLayout)?.hasLabelWidth && unref(labelLayout)?.layout.label === "left" ? unref(labelLayout)?.overLabelDisplay == "ellipsis" ? "label-ellipsis" : "label-wrap" : ""
+				])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(showLabel.value, (i, index) => {
+				return openBlock(), createElementBlock("span", {
+					key: index,
+					style: normalizeStyle(getMsgColor(i)),
+					class: "mr-5px"
+				}, [createVNode(iconNode, { "label-name": i }, null, 8, ["label-name"]), createElementVNode("span", null, toDisplayString(i) + toDisplayString(!__props.tagWidgetStyle?.tagStyleOpen && index < showLabel.value.length - 1 ? "," : ""), 1)], 4);
+			}), 128))], 2)) : [
+				unref(FIELD_TYPE).ORG_MULTI,
+				unref(FIELD_TYPE).ORG,
+				unref(FIELD_TYPE).USER,
+				unref(FIELD_TYPE).USER_MULTI
+			].includes(__props.type) ? (openBlock(), createElementBlock("div", {
+				key: 2,
+				class: normalizeClass([
+					__props.disabled ? "tag-label-disabled" : null,
+					"tag-text",
+					!!unref(labelLayout)?.hasLabelWidth && unref(labelLayout)?.layout.label === "left" ? unref(labelLayout)?.overLabelDisplay == "ellipsis" ? "label-ellipsis" : "label-wrap" : ""
+				])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(showLabel.value, (i, index) => {
+				return openBlock(), createElementBlock("span", {
+					key: index,
+					style: normalizeStyle(getMsgColor(i)),
+					class: "mr-5px"
+				}, [__props.type === unref(FIELD_TYPE).ORG_MULTI || __props.type === unref(FIELD_TYPE).ORG ? (openBlock(), createElementBlock("span", _hoisted_1)) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(i) + " " + toDisplayString(!__props.tagWidgetStyle?.tagStyleOpen && index < showLabel.value.length - 1 ? "," : ""), 1)], 4);
+			}), 128))], 2)) : (openBlock(), createElementBlock("div", {
+				key: 3,
+				style: normalizeStyle(getMsgColor(showLabel.value)),
+				class: normalizeClass([
+					__props.disabled ? "tag-label-disabled" : null,
+					"text-[#000000]",
+					!!unref(labelLayout)?.hasLabelWidth && unref(labelLayout)?.layout.label === "left" ? unref(labelLayout)?.overLabelDisplay == "ellipsis" ? "label-ellipsis" : "label-wrap" : ""
+				])
+			}, toDisplayString(showLabel.value), 7));
+		};
+	}
+});
+//#endregion
+export { tag_label_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/form-component/tag-label.vue_vue_type_style_index_0_scoped_10bd7861_lang.css

@@ -0,0 +1,18 @@
+.tag-label-disabled[data-v-10bd7861] {
+  color: var(--van-field-input-disabled-text-color) !important;
+}
+.label-ellipsis[data-v-10bd7861] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.label-wrap[data-v-10bd7861] {
+  word-break: break-all;
+  white-space: wrap;
+}
+.user-avatar[data-v-10bd7861] {
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  vertical-align: middle;
+}

package/es/components/form-component/tag-span.vue.d.ts

@@ -0,0 +1,21 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+type __VLS_Props = {
+    tagStyle?: LowCodeWidget.TagConfigStyle;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): 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/es/components/form-component/tag-span.vue.mjs

@@ -0,0 +1,7 @@
+import tag_span_vue_vue_type_script_setup_true_lang_default from "./tag-span.vue_vue_type_script_setup_true_lang.mjs";
+import './tag-span.vue_vue_type_style_index_0_scoped_1f0f2305_lang.css';/* empty css                                                               */
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+//#region src/components/form-component/tag-span.vue
+var tag_span_default = /* @__PURE__ */ _plugin_vue_export_helper_default(tag_span_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1f0f2305"]]);
+//#endregion
+export { tag_span_default as default };

package/es/components/form-component/tag-span.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,25 @@
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toRef, useCssVars } from "vue";
+import { TagTypeEnum } from "@gct-paas/core";
+//#region src/components/form-component/tag-span.vue?vue&type=script&setup=true&lang.ts
+var tag_span_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "tag-span",
+	props: { tagStyle: {} },
+	setup(__props) {
+		useCssVars((_ctx) => ({ "v4f612305": tagStyleColor.value }));
+		const props = __props;
+		const tagType = toRef(() => {
+			return props.tagStyle?.tagType || TagTypeEnum.RADIUS;
+		});
+		const tagStyleColor = toRef(() => {
+			return props.tagStyle?.color || "#f0f0f0";
+		});
+		const getTagClass = toRef(() => {
+			return `tag-${tagType.value}`;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["tag cursor-pointer", getTagClass.value]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+		};
+	}
+});
+//#endregion
+export { tag_span_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/form-component/tag-span.vue_vue_type_style_index_0_scoped_1f0f2305_lang.css

@@ -0,0 +1,31 @@
+.tag[data-v-1f0f2305] {
+  padding: 4px 6px;
+  line-height: 1;
+}
+.tag + .tag[data-v-1f0f2305] {
+  margin-left: 5px;
+}
+.tag-radius[data-v-1f0f2305] {
+  border-radius: 4px;
+  background: var(--v4f612305);
+}
+.tag-linear_radius[data-v-1f0f2305] {
+  border: 1px solid var(--v4f612305);
+  border-radius: 4px;
+}
+.tag-big_radius[data-v-1f0f2305] {
+  border-radius: 100px;
+  background: var(--v4f612305);
+}
+.tag-linear_big_radius[data-v-1f0f2305] {
+  border: 1px solid var(--v4f612305);
+  border-radius: 100px;
+}
+.tag-dashed_radius[data-v-1f0f2305] {
+  border: 1px dashed var(--v4f612305);
+  border-radius: 4px;
+}
+.tag-status[data-v-1f0f2305] {
+  border-radius: 14px 4px 4px;
+  background: var(--v4f612305);
+}

package/es/components/form-component/typing.d.ts

@@ -0,0 +1,12 @@
+export declare enum SelectType {
+    SINGLE = "single",
+    MULTIPLE = "multiple"
+}
+export interface optionType {
+    label: string;
+    value: string;
+    labels?: string[];
+    _item: object;
+    pId?: string;
+    checked?: boolean;
+}

package/es/components/form-component/typing.mjs

@@ -0,0 +1,8 @@
+//#region src/components/form-component/typing.ts
+var SelectType = /* @__PURE__ */ function(SelectType) {
+	SelectType["SINGLE"] = "single";
+	SelectType["MULTIPLE"] = "multiple";
+	return SelectType;
+}({});
+//#endregion
+export { SelectType };

package/es/components/index.d.ts

@@ -0,0 +1 @@
+export * from './form-component';

package/es/components/index.mjs

@@ -0,0 +1,6 @@
+import "./form-component/tag-label.vue.mjs";
+import "./form-component/typing.mjs";
+import "./form-component/FieldSelect.mjs";
+import "./form-component/FieldRadio.mjs";
+import "./form-component/FieldCheckbox.mjs";
+import "./form-component/index.mjs";

package/es/index.d.ts

@@ -1 +1,2 @@
 export declare function run(): void;
+export * from './components';

package/es/index.mjs

@@ -1,5 +1,12 @@
+import tag_label_default from "./components/form-component/tag-label.vue.mjs";
+import { SelectType } from "./components/form-component/typing.mjs";
+import FieldSelect_default from "./components/form-component/FieldSelect.mjs";
+import FieldRadio_default from "./components/form-component/FieldRadio.mjs";
+import FieldCheckbox_default from "./components/form-component/FieldCheckbox.mjs";
+import "./components/index.mjs";
+//#region src/index.ts
 function run() {
-  console.log("Hello World!");
+	console.log("Hello World!");
 }
-
-export { run };
+//#endregion
+export { FieldCheckbox_default as FieldCheckbox, FieldRadio_default as FieldRadio, FieldSelect_default as FieldSelect, SelectType, tag_label_default as Taglabel, run };

package/es/loader.d.ts

@@ -0,0 +1 @@
+export * from './index';

package/es/types/index.d.ts

@@ -1,2 +1,4 @@
 import '@gct-paas/mobile/es/types';
 import '@gct-paas/design/es/types';
+import '@gct-paas/schema/types';
+import '@gct-paas/core/types';

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@gct-paas/design-mobile",
-  "version": "0.1.4-dev.9",
+  "version": "0.1.5-dev.0",
   "type": "module",
   "description": "paas 平台设计界面移动端底包",
-  "main": "dist/index.min.cjs",
-  "module": "es/index.mjs",
+  "loader": "dist/loader.esm.min.js",
   "types": "es/index.d.ts",
-  "system": "dist/index.system.min.js",
   "exports": {
     ".": {
       "types": "./es/index.d.ts",
-      "import": "./es/index.mjs",
-      "require": "./dist/index.min.cjs"
+      "import": "./es/index.mjs"
+    },
+    "./types": {
+      "types": "./es/types/index.d.ts"
     }
   },
   "files": [
@@ -42,16 +42,18 @@
     "publish:npm": "npm run build && npm publish --access public --registry=https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@gct-paas/core": "0.1.4-dev.9",
-    "@gct-paas/core-mobile": "0.1.4-dev.9",
-    "@gct-paas/design": "0.1.4-dev.9",
-    "vue": "^3.5.27"
-  },
-  "devDependencies": {
-    "@gct-paas/build": "^0.1.5-dev.8"
+    "@gct-paas/core": "0.1.5-dev.0",
+    "@gct-paas/core-mobile": "0.1.5-dev.0",
+    "@gct-paas/design": "0.1.5-dev.0",
+    "@gct-paas/schema": "0.1.5-dev.0",
+    "vant": "4.9.15",
+    "vue": "^3.5.30"
   },
   "peerDependencies": {
-    "vue": "^3.x"
+    "@gct-paas/core": "*",
+    "@gct-paas/core-mobile": "*",
+    "@gct-paas/design": "*",
+    "vue": ">=3"
   },
-  "gitHead": "c51d9883f7d287433d2def4d7338a06773804fbf"
+  "gitHead": "d5a1badfd34c55ceefd2cf33f2ee659454076e37"
 }

package/dist/index.esm.min.mjs

@@ -1,6 +0,0 @@
-function o() {
-  console.log("Hello World!");
-}
-export {
-  o as run
-};

package/dist/index.min.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(){console.log("Hello World!")}exports.run=o;

package/dist/index.system.min.js

@@ -1 +0,0 @@
-System.register([],(function(e,o){"use strict";return{execute:(function(){e("run",n);function n(){console.log("Hello World!")}})}}));