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

package/dist/loader.esm.min.js

@@ -1 +1 @@
-import"@gct-paas/render";import{inject as o,provide as r}from"vue";var e=Symbol("PAGE_EVENT"),t=o=>r(e,o),n=()=>{const r=o(e);if(!r)throw new Error("PAGE_EVENT not provided");return r};function E(){console.log("Hello World!")}export{E as run,t as setupPageEvent,n as usePageEvent};
+import"@gct-paas/render";import{computed as e,createBlock as n,createVNode as a,defineComponent as l,inject as o,nextTick as u,openBlock as t,provide as r,ref as v,render as c,resolveComponent as i}from"vue";import{isClient as m}from"@gct-paas/core-mobile";import{has as s,isNil as p}from"lodash-es";var d=Symbol("PAGE_EVENT"),b=e=>r(d,e),f=()=>{const e=o(d);if(!e)throw new Error("PAGE_EVENT not provided");return e},x=/* @__PURE__ */l({__name:"numberKeyboard",setup(a,{expose:l}){const o=v(!1),r=v(""),c=e({get:()=>r.value,set(e){r.value=function(e){const n=[];for(let o=0;o<e.length;o++)"."===e[o]&&n.push(o);if(n.length<=1)return e;let a="",l=0;for(const o of e)"."===o?0===l&&(a+=".",l+=1):a+=o;return a}(e)}}),m=v("."),d=v({});let b,f=null,x=null;async function y(){await u(),b&&b(c.value)}async function E(){await u(),b&&b(c.value)}async function V(){await u(),x&&x(c.value)}async function h(){c.value&&(s(d.value,"maxValue")&&Number(c.value)>d.value.maxValue?c.value=d.value.maxValue:s(d.value,"minValue")&&Number(c.value)<d.value.minValue&&(c.value=d.value.minValue),c.value=isNaN(Number(c.value))?"":c.value,b&&b(c.value)),o.value=!1,await u(),f&&f(c.value)}return l({openNumKeyboardOpen:({val:e,extra:n,minmax:a,callback:l,onEnter:u,onBlur:t,onFocus:r})=>{c.value=p(e)?"":String(e),o.value=!0,null===n&&void 0===n||(m.value=n),d.value=a,b=l,x=u,f=t,r&&r()}}),(e,a)=>{const l=i("van-number-keyboard");return t(),n(l,{modelValue:c.value,"onUpdate:modelValue":a[0]||(a[0]=e=>c.value=e),theme:"custom","extra-key":m.value,"close-button-text":"完成",show:o.value,"z-index":"9999",maxlength:15,onBlur:h,onClose:V,onInput:y,onDelete:E},null,8,["modelValue","extra-key","show"])}}}),y=null;function E(e){if(!m)return;const n={};let l;const o=document.createElement("div");return Object.assign(n,e),{openNumKeyPopup:function({val:e,extra:u,minmax:t,callback:r,onEnter:v,onBlur:i,onFocus:m,precision:s}){var p;y=a(x,n),c(y,o),document.body.appendChild(o),l=null===(p=y.component)||void 0===p?void 0:p.exposed,null==l||l.openNumKeyboardOpen({val:e,extra:u,minmax:t,callback:r,onEnter:v,onBlur:i,onFocus:m,precision:s})}}}function V(){console.log("Hello World!")}export{E as createNumKeyboardPopup,V as run,b as setupPageEvent,f as usePageEvent};

package/es/components/index.d.ts

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

package/es/components/index.mjs

@@ -0,0 +1 @@
+import "./numKeyboard/index.mjs";

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

@@ -0,0 +1,4 @@
+import { openNumPickerType } from './src/typing';
+export declare function createNumKeyboardPopup(options: IObject): {
+    openNumKeyPopup: ({ val, extra, minmax, callback, onEnter, onBlur, onFocus, precision, }: openNumPickerType) => void;
+} | undefined;

package/es/components/numKeyboard/index.mjs

@@ -0,0 +1,34 @@
+import numberKeyboard_default from "./src/numberKeyboard.vue.mjs";
+import { createVNode, render } from "vue";
+import { isClient } from "@gct-paas/core-mobile";
+//#region src/components/numKeyboard/index.ts
+var instance = null;
+function createNumKeyboardPopup(options) {
+	if (!isClient) return;
+	const propsData = {};
+	let popupRef;
+	const container = document.createElement("div");
+	Object.assign(propsData, options);
+	function readyModal() {
+		instance = createVNode(numberKeyboard_default, propsData);
+		render(instance, container);
+		document.body.appendChild(container);
+		popupRef = instance.component?.exposed;
+	}
+	function openNumKeyPopup({ val, extra, minmax, callback, onEnter, onBlur, onFocus, precision }) {
+		readyModal();
+		popupRef?.openNumKeyboardOpen({
+			val,
+			extra,
+			minmax,
+			callback,
+			onEnter,
+			onBlur,
+			onFocus,
+			precision
+		});
+	}
+	return { openNumKeyPopup };
+}
+//#endregion
+export { createNumKeyboardPopup };

package/es/components/numKeyboard/src/numberKeyboard.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    openNumKeyboardOpen: ({ val, extra, minmax, callback, onEnter, onBlur, onFocus, }: IObject) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/numKeyboard/src/numberKeyboard.vue.mjs

@@ -0,0 +1,5 @@
+import numberKeyboard_vue_vue_type_script_setup_true_name_numberKeyboard_lang_default from "./numberKeyboard.vue_vue_type_script_setup_true_name_numberKeyboard_lang.mjs";
+//#region src/components/numKeyboard/src/numberKeyboard.vue
+var numberKeyboard_default = numberKeyboard_vue_vue_type_script_setup_true_name_numberKeyboard_lang_default;
+//#endregion
+export { numberKeyboard_default as default };

package/es/components/numKeyboard/src/numberKeyboard.vue_vue_type_script_setup_true_name_numberKeyboard_lang.mjs

@@ -0,0 +1,94 @@
+import { computed, createBlock, defineComponent, nextTick, openBlock, ref, resolveComponent } from "vue";
+import { has, isNil } from "lodash-es";
+//#region src/components/numKeyboard/src/numberKeyboard.vue?vue&type=script&setup=true&name=numberKeyboard&lang.ts
+var numberKeyboard_vue_vue_type_script_setup_true_name_numberKeyboard_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "numberKeyboard",
+	setup(__props, { expose: __expose }) {
+		const isShow = ref(false);
+		const numberValue = ref("");
+		function filterDecimals(str) {
+			const decimalIndices = [];
+			for (let i = 0; i < str.length; i++) if (str[i] === ".") decimalIndices.push(i);
+			if (decimalIndices.length <= 1) return str;
+			let result = "";
+			let decimalCount = 0;
+			for (const char of str) if (char === ".") {
+				if (decimalCount === 0) {
+					result += ".";
+					decimalCount += 1;
+				}
+			} else result += char;
+			return result;
+		}
+		const value = computed({
+			get() {
+				return numberValue.value;
+			},
+			set(v) {
+				numberValue.value = filterDecimals(v);
+			}
+		});
+		const extraKey = ref(".");
+		const minmaxMap = ref({});
+		let handleOk;
+		let customBlur = null;
+		let customEnter = null;
+		const openNumKeyboardOpen = ({ val, extra, minmax, callback, onEnter, onBlur, onFocus }) => {
+			value.value = !isNil(val) ? String(val) : "";
+			isShow.value = true;
+			if (extra !== null || extra !== void 0) extraKey.value = extra;
+			minmaxMap.value = minmax;
+			handleOk = callback;
+			customEnter = onEnter;
+			customBlur = onBlur;
+			onFocus && onFocus();
+		};
+		async function onInput() {
+			await nextTick();
+			handleOk && handleOk(value.value);
+		}
+		async function onDelete() {
+			await nextTick();
+			handleOk && handleOk(value.value);
+		}
+		async function onEnter() {
+			await nextTick();
+			if (customEnter) customEnter(value.value);
+		}
+		async function onBlur() {
+			if (value.value) {
+				if (has(minmaxMap.value, "maxValue") && Number(value.value) > minmaxMap.value.maxValue) value.value = minmaxMap.value.maxValue;
+				else if (has(minmaxMap.value, "minValue") && Number(value.value) < minmaxMap.value.minValue) value.value = minmaxMap.value.minValue;
+				value.value = isNaN(Number(value.value)) ? "" : value.value;
+				handleOk && handleOk(value.value);
+			}
+			isShow.value = false;
+			await nextTick();
+			customBlur && customBlur(value.value);
+		}
+		__expose({ openNumKeyboardOpen });
+		return (_ctx, _cache) => {
+			const _component_van_number_keyboard = resolveComponent("van-number-keyboard");
+			return openBlock(), createBlock(_component_van_number_keyboard, {
+				modelValue: value.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+				theme: "custom",
+				"extra-key": extraKey.value,
+				"close-button-text": "完成",
+				show: isShow.value,
+				"z-index": "9999",
+				maxlength: 15,
+				onBlur,
+				onClose: onEnter,
+				onInput,
+				onDelete
+			}, null, 8, [
+				"modelValue",
+				"extra-key",
+				"show"
+			]);
+		};
+	}
+});
+//#endregion
+export { numberKeyboard_vue_vue_type_script_setup_true_name_numberKeyboard_lang_default as default };

package/es/components/numKeyboard/src/typing.d.ts

@@ -0,0 +1,18 @@
+export interface openNumPickerType {
+    val: string;
+    extra?: string;
+    minmax?: {
+        maxValue?: number;
+        minValue?: number;
+    };
+    callback: openPickerCallback;
+    /**回车事件 */
+    onEnter?: () => void;
+    /**丢失焦点事件 */
+    onBlur?: () => void;
+    /**聚焦事件 */
+    onFocus?: () => void;
+    /**小数精度 */
+    precision?: string | number;
+}
+export type openPickerCallback = (value: string) => void;

package/es/index.d.ts

@@ -1,2 +1,3 @@
 export { setupPageEvent, usePageEvent, type ContextMobileType, type EventsMobile, } from './Event/Events';
 export declare function run(): void;
+export * from './components';

package/es/index.mjs

@@ -1,7 +1,9 @@
 import { setupPageEvent, usePageEvent } from "./Event/Events.mjs";
+import { createNumKeyboardPopup } from "./components/numKeyboard/index.mjs";
+import "./components/index.mjs";
 //#region src/index.ts
 function run() {
 	console.log("Hello World!");
 }
 //#endregion
-export { run, setupPageEvent, usePageEvent };
+export { createNumKeyboardPopup, run, setupPageEvent, usePageEvent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/render-mobile",
-  "version": "0.1.5-dev.0",
+  "version": "0.1.5-dev.1",
   "type": "module",
   "description": "paas 平台移动端底包",
   "loader": "dist/loader.esm.min.js",
@@ -42,10 +42,10 @@
     "publish:npm": "npm run build && npm publish --access public --registry=https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@gct-paas/core": "0.1.5-dev.0",
-    "@gct-paas/core-mobile": "0.1.5-dev.0",
-    "@gct-paas/render": "0.1.5-dev.0",
-    "@gct-paas/scss": "0.1.5-dev.0",
+    "@gct-paas/core": "0.1.5-dev.1",
+    "@gct-paas/core-mobile": "0.1.5-dev.1",
+    "@gct-paas/render": "0.1.5-dev.1",
+    "@gct-paas/scss": "0.1.5-dev.1",
     "vue": "3.5.29"
   },
   "peerDependencies": {
@@ -55,5 +55,5 @@
     "@gct-paas/scss": "*",
     "vue": ">=3"
   },
-  "gitHead": "d5a1badfd34c55ceefd2cf33f2ee659454076e37"
+  "gitHead": "d554696d0991c1d14dd5a2a43b277bafe3976371"
 }