shujie-ui 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 sj-ui
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,49 @@
+# sj-ui
+
+A UniApp component library for Vue 3.
+
+Compatible with Mini Programs (WeChat, Alipay, Baidu, ByteDance, etc.), H5, and App.
+
+## Features
+
+- Vue 3 + TypeScript
+- SCSS design system
+- Full platform compatibility
+- Tree-shakable
+- Comprehensive documentation
+
+## Install
+
+```bash
+npm install sj-ui
+```
+
+## Usage
+
+### Global import
+
+```ts
+import { createSSRApp } from 'vue'
+import SjUI from 'sj-ui'
+
+const app = createSSRApp(App)
+app.use(SjUI)
+```
+
+### On-demand import (easycom)
+
+Configure in `pages.json`:
+
+```json
+{
+  "easycom": {
+    "custom": {
+      "^sj-(.*)": "sj-ui/components/sj-$1/sj-$1.vue"
+    }
+  }
+}
+```
+
+## License
+
+MIT

package/dist/shujie-ui.css

@@ -0,0 +1,2 @@
+.sj-button[data-v-d5bd5c39]{box-sizing:border-box;text-align:center;white-space:nowrap;appearance:none;cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;font-weight:500;line-height:1;transition:all .3s cubic-bezier(.645,.045,.355,1);display:inline-flex}.sj-button--small[data-v-d5bd5c39]{height:56rpx;padding:0 24rpx;font-size:24rpx}.sj-button--medium[data-v-d5bd5c39]{height:72rpx;padding:0 32rpx;font-size:28rpx}.sj-button--large[data-v-d5bd5c39]{height:88rpx;padding:0 48rpx;font-size:32rpx}.sj-button--default[data-v-d5bd5c39]{color:#606266;border:1rpx solid #e4e7ed;background:#fff}.sj-button--primary[data-v-d5bd5c39]{color:#fff;background:#2979ff}.sj-button--success[data-v-d5bd5c39]{color:#fff;background:#19be6b}.sj-button--warning[data-v-d5bd5c39]{color:#fff;background:#f90}.sj-button--danger[data-v-d5bd5c39]{color:#fff;background:#fa3534}.sj-button--info[data-v-d5bd5c39]{color:#fff;background:#909399}.sj-button--square[data-v-d5bd5c39]{border-radius:8rpx}.sj-button--round[data-v-d5bd5c39]{border-radius:999rpx}.sj-button--circle[data-v-d5bd5c39]{border-radius:50%;padding:0}.sj-button--circle.sj-button--small[data-v-d5bd5c39]{width:56rpx}.sj-button--circle.sj-button--medium[data-v-d5bd5c39]{width:72rpx}.sj-button--circle.sj-button--large[data-v-d5bd5c39]{width:88rpx}.sj-button--plain[data-v-d5bd5c39]{background:0 0!important}.sj-button--plain.sj-button--primary[data-v-d5bd5c39]{color:#2979ff;border:1rpx solid #2979ff}.sj-button--plain.sj-button--success[data-v-d5bd5c39]{color:#19be6b;border:1rpx solid #19be6b}.sj-button--plain.sj-button--warning[data-v-d5bd5c39]{color:#f90;border:1rpx solid #f90}.sj-button--plain.sj-button--danger[data-v-d5bd5c39]{color:#fa3534;border:1rpx solid #fa3534}.sj-button--plain.sj-button--info[data-v-d5bd5c39]{color:#909399;border:1rpx solid #909399}.sj-button--hairline[data-v-d5bd5c39]{position:relative;border-width:0!important}.sj-button--hairline[data-v-d5bd5c39]:after{content:"";border-radius:inherit;border:1px solid inherit;pointer-events:none;transform-origin:0 0;position:absolute;inset:0;transform:scale(.5)}.sj-button--hairline.sj-button--default[data-v-d5bd5c39]:after{border-color:#e4e7ed}.sj-button--hairline.sj-button--primary[data-v-d5bd5c39]:after{border-color:#2979ff}.sj-button--hairline.sj-button--success[data-v-d5bd5c39]:after{border-color:#19be6b}.sj-button--hairline.sj-button--warning[data-v-d5bd5c39]:after{border-color:#f90}.sj-button--hairline.sj-button--danger[data-v-d5bd5c39]:after{border-color:#fa3534}.sj-button--hairline.sj-button--info[data-v-d5bd5c39]:after{border-color:#909399}.sj-button--disabled[data-v-d5bd5c39]{opacity:.5;cursor:not-allowed;pointer-events:none}.sj-button--loading[data-v-d5bd5c39]{cursor:default}.sj-button--block[data-v-d5bd5c39]{width:100%;display:flex}.sj-button--active[data-v-d5bd5c39]{opacity:.7}.sj-button__icon[data-v-d5bd5c39],.sj-button__loading[data-v-d5bd5c39]{margin-right:8rpx}.sj-button__loading-spinner[data-v-d5bd5c39]{width:32rpx;height:32rpx;border:4rpx solid currentColor;border-top-color:#0000;border-radius:50%;animation:.6s linear infinite sj-spin-d5bd5c39}.sj-button__text[data-v-d5bd5c39]{align-items:center;display:flex}@keyframes sj-spin-d5bd5c39{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sj-cell[data-v-17f18255]{box-sizing:border-box;width:100%;padding:24rpx 32rpx;font-size:28rpx;background:#fff;align-items:center;line-height:1.5;display:flex;position:relative}.sj-cell[data-v-17f18255]:after{content:"";pointer-events:none;border-bottom:1rpx solid #e4e7ed;transform-origin:0 100%;position:absolute;bottom:0;left:0;right:0}.sj-cell--clickable[data-v-17f18255]{cursor:pointer}.sj-cell--clickable[data-v-17f18255]:active{background:#f2f3f5}.sj-cell--required[data-v-17f18255]:before{content:"*";left:16rpx;color:#fa3534;font-size:32rpx;position:absolute}.sj-cell--borderless[data-v-17f18255]:after{display:none}.sj-cell__left-icon[data-v-17f18255]{margin-right:16rpx;color:#909399}.sj-cell__title[data-v-17f18255]{flex:1;min-width:0}.sj-cell__title-text[data-v-17f18255]{color:#303133;font-size:28rpx}.sj-cell__label[data-v-17f18255]{margin-top:8rpx;color:#909399;font-size:24rpx;line-height:1.2;display:block}.sj-cell__value[data-v-17f18255]{text-align:right;flex:1;min-width:0;overflow:hidden}.sj-cell__value-text[data-v-17f18255]{color:#909399;font-size:28rpx;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sj-cell__value--alone[data-v-17f18255]{color:#303133;text-align:left}.sj-cell__right-icon[data-v-17f18255]{margin-left:8rpx;color:#c0c4cc;font-size:28rpx}.sj-loading[data-v-6fb17634]{align-items:center;gap:16rpx;color:#909399;display:inline-flex}.sj-loading--vertical[data-v-6fb17634]{gap:8rpx;flex-direction:column}.sj-loading__spinner[data-v-6fb17634]{box-sizing:border-box;animation:.8s linear infinite sj-loading-rotate-6fb17634;position:relative}.sj-loading__circular[data-v-6fb17634]{width:100%;height:100%}.sj-loading__circular-ring[data-v-6fb17634]{border:4rpx solid currentColor;box-sizing:border-box;border-top-color:#0000;border-radius:50%;width:100%;height:100%}.sj-loading__spinner-dot[data-v-6fb17634]{opacity:0;background:currentColor;border-radius:50%;width:20%;height:20%;margin-left:-10%;position:absolute;top:0;left:50%}.sj-loading__spinner-dot[data-v-6fb17634]:first-child{opacity:0;transform:rotate(0)}.sj-loading__spinner-dot[data-v-6fb17634]:nth-child(2){opacity:.0833333;transform:rotate(30deg)}.sj-loading__spinner-dot[data-v-6fb17634]:nth-child(3){opacity:.166667;transform:rotate(60deg)}.sj-loading__spinner-dot[data-v-6fb17634]:nth-child(4){opacity:.25;transform:rotate(90deg)}.sj-loading__spinner-dot[data-v-6fb17634]:nth-child(5){opacity:.333333;transform:rotate(120deg)}.sj-loading__spinner-dot[data-v-6fb17634]:nth-child(6){opacity:.416667;transform:rotate(150deg)}.sj-loading__spinner-dot[data-v-6fb17634]:nth-child(7){opacity:.5;transform:rotate(180deg)}.sj-loading__spinner-dot[data-v-6fb17634]:nth-child(8){opacity:.583333;transform:rotate(210deg)}.sj-loading__spinner-dot[data-v-6fb17634]:nth-child(9){opacity:.666667;transform:rotate(240deg)}.sj-loading__spinner-dot[data-v-6fb17634]:nth-child(10){opacity:.75;transform:rotate(270deg)}.sj-loading__spinner-dot[data-v-6fb17634]:nth-child(11){opacity:.833333;transform:rotate(300deg)}.sj-loading__spinner-dot[data-v-6fb17634]:nth-child(12){opacity:.916667;transform:rotate(330deg)}.sj-loading__spinner--spinner[data-v-6fb17634]{animation:none}.sj-loading__text[data-v-6fb17634]{color:#909399;font-size:28rpx;line-height:1.5}@keyframes sj-loading-rotate-6fb17634{0%{transform:rotate(0)}to{transform:rotate(360deg)}}view,text,scroll-view,swiper,input,textarea,button,image{box-sizing:border-box}button{line-height:inherit;font-size:inherit;background:0 0;border:none;outline:none;margin:0;padding:0}button:after{display:none}input,textarea{box-sizing:border-box}
+/*$vite$:1*/

package/dist/shujie-ui.es.js

@@ -0,0 +1,431 @@
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, ref as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h } from "vue";
+//#region src/utils/format.ts
+function g(e, t = "rpx") {
+	return e == null ? "" : typeof e == "string" ? /^\d+(\.\d+)?$/.test(e) ? `${e}${t}` : e : `${e}${t}`;
+}
+function _(e) {
+	return Number(e.replace(/rpx|px|rem|em|vw|vh/g, ""));
+}
+function v(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function y(e, t = 2) {
+	return String(e).padStart(t, "0");
+}
+function b(e) {
+	if (typeof e != "object" || !e) return e;
+	if (e instanceof Date) return new Date(e.getTime());
+	if (Array.isArray(e)) return e.map((e) => b(e));
+	let t = {};
+	for (let n in e) Object.prototype.hasOwnProperty.call(e, n) && (t[n] = b(e[n]));
+	return t;
+}
+var x = 0;
+function S(e = "sj") {
+	return `${e}-${++x}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function C(e, t = 300) {
+	let n = null;
+	return function(...r) {
+		n && clearTimeout(n), n = setTimeout(() => {
+			e.apply(this, r), n = null;
+		}, t);
+	};
+}
+function w(e, t = 300) {
+	let n = 0;
+	return function(...r) {
+		let i = Date.now();
+		i - n >= t && (e.apply(this, r), n = i);
+	};
+}
+function T(e, t) {
+	return new Promise((n) => {
+		uni.createSelectorQuery().in(t).select(e).boundingClientRect((e) => {
+			n(e);
+		}).exec();
+	});
+}
+//#endregion
+//#region src/components/sj-icon/sj-icon.vue?vue&type=script&setup=true&lang.ts
+var E = /* @__PURE__ */ s({
+	__name: "sj-icon",
+	props: {
+		name: { default: "" },
+		color: { default: "" },
+		size: { default: "inherit" },
+		prefix: { default: "sj-icon" },
+		customClass: { default: "" },
+		customStyle: { default: "" }
+	},
+	emits: ["click"],
+	setup(e, { emit: n }) {
+		let r = e, a = n, o = t(() => g(r.size)), s = (e) => {
+			a("click", e);
+		};
+		return (t, n) => (u(), i("text", {
+			class: c([
+				e.prefix,
+				e.name ? `${e.prefix}-${e.name}` : "",
+				e.customClass
+			]),
+			style: l([{
+				fontSize: o.value,
+				color: e.color || void 0
+			}, e.customStyle]),
+			onClick: s
+		}, null, 6));
+	}
+}), D = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, O = /* @__PURE__ */ D(E, [["__scopeId", "data-v-7cac47d7"]]), k = [
+	"disabled",
+	"form-type",
+	"hover-class"
+], A = {
+	key: 0,
+	class: "sj-button__loading"
+}, j = { class: "sj-button__text" }, M = /* @__PURE__ */ D(/* @__PURE__ */ s({
+	__name: "sj-button",
+	props: {
+		type: { default: "default" },
+		size: { default: "medium" },
+		shape: { default: "square" },
+		plain: {
+			type: Boolean,
+			default: !1
+		},
+		hairline: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		loadingText: { default: "" },
+		loadingSize: { default: "40rpx" },
+		icon: { default: "" },
+		iconPrefix: { default: "sj-icon" },
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		nativeType: { default: "button" },
+		customClass: { default: "" },
+		customStyle: { default: "" }
+	},
+	emits: ["click"],
+	setup(t, { emit: s }) {
+		let d = t, f = s, h = (e) => {
+			d.disabled || d.loading || f("click", e);
+		};
+		return (s, d) => (u(), i("button", {
+			class: c([
+				"sj-button",
+				`sj-button--${t.type}`,
+				`sj-button--${t.size}`,
+				`sj-button--${t.shape}`,
+				{
+					"sj-button--plain": t.plain,
+					"sj-button--hairline": t.hairline,
+					"sj-button--disabled": t.disabled,
+					"sj-button--loading": t.loading,
+					"sj-button--block": t.block
+				},
+				t.customClass
+			]),
+			style: l(t.customStyle),
+			disabled: t.disabled || t.loading,
+			"form-type": t.nativeType === "submit" || t.nativeType === "reset" ? t.nativeType : void 0,
+			"hover-class": t.disabled || t.loading ? "" : "sj-button--active",
+			"hover-start-time": "20",
+			"hover-stay-time": "70",
+			onClick: h
+		}, [
+			t.loading ? (u(), i("view", A, [...d[0] ||= [a("view", { class: "sj-button__loading-spinner" }, null, -1)]])) : r("", !0),
+			t.icon && !t.loading ? (u(), n(O, {
+				key: 1,
+				name: t.icon,
+				prefix: t.iconPrefix,
+				class: "sj-button__icon"
+			}, null, 8, ["name", "prefix"])) : r("", !0),
+			a("text", j, [t.loading && t.loadingText ? (u(), i(e, { key: 0 }, [o(m(t.loadingText), 1)], 64)) : p(s.$slots, "default", { key: 1 }, void 0, !0)])
+		], 14, k));
+	}
+}), [["__scopeId", "data-v-d5bd5c39"]]);
+//#endregion
+//#region src/components/sj-icon/index.ts
+M.install = (e) => {
+	e.component("SjButton", M);
+}, O.install = (e) => {
+	e.component("SjIcon", O);
+};
+//#endregion
+//#region src/components/sj-cell/sj-cell.vue?vue&type=script&setup=true&lang.ts
+var N = { class: "sj-cell__title-text" }, P = {
+	key: 0,
+	class: "sj-cell__label"
+}, F = { class: "sj-cell__value-text" }, I = /* @__PURE__ */ D(/* @__PURE__ */ s({
+	__name: "sj-cell",
+	props: {
+		title: { default: "" },
+		value: { default: "" },
+		label: { default: "" },
+		isLink: {
+			type: Boolean,
+			default: !1
+		},
+		arrowDirection: { default: "right" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		clickable: {
+			type: Boolean,
+			default: !1
+		},
+		icon: { default: "" },
+		iconSize: { default: "" },
+		titleWidth: { default: "" },
+		titleAlign: { default: "left" },
+		border: {
+			type: Boolean,
+			default: !0
+		},
+		customClass: { default: "" },
+		customStyle: { default: "" }
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let o = t, s = (e) => {
+			o("click", e);
+		};
+		return (t, o) => (u(), i("view", {
+			class: c([
+				"sj-cell",
+				{
+					"sj-cell--clickable": e.clickable || e.isLink,
+					"sj-cell--required": e.required,
+					"sj-cell--borderless": !e.border
+				},
+				e.customClass
+			]),
+			style: l(e.customStyle),
+			onClick: s
+		}, [
+			e.icon ? (u(), n(O, {
+				key: 0,
+				name: e.icon,
+				size: e.iconSize || "40rpx",
+				class: "sj-cell__left-icon"
+			}, null, 8, ["name", "size"])) : p(t.$slots, "icon", { key: 1 }, void 0, !0),
+			e.title || t.$slots.title || t.$slots.label || e.label ? (u(), i("view", {
+				key: 2,
+				class: "sj-cell__title",
+				style: l({
+					textAlign: e.titleAlign,
+					flex: e.titleWidth ? `0 0 ${h(g)(e.titleWidth)}` : ""
+				})
+			}, [p(t.$slots, "title", {}, () => [a("text", N, m(e.title), 1)], !0), p(t.$slots, "label", {}, () => [e.label ? (u(), i("text", P, m(e.label), 1)) : r("", !0)], !0)], 4)) : r("", !0),
+			a("view", { class: c(["sj-cell__value", { "sj-cell__value--alone": !e.title && !t.$slots.title }]) }, [p(t.$slots, "default", {}, () => [a("text", F, m(e.value), 1)], !0)], 2),
+			e.isLink ? (u(), n(O, {
+				key: 3,
+				name: `arrow-${e.arrowDirection}`,
+				class: "sj-cell__right-icon"
+			}, null, 8, ["name"])) : p(t.$slots, "right-icon", { key: 4 }, void 0, !0)
+		], 6));
+	}
+}), [["__scopeId", "data-v-17f18255"]]);
+//#endregion
+//#region src/components/sj-cell/index.ts
+I.install = (e) => {
+	e.component("SjCell", I);
+};
+//#endregion
+//#region src/components/sj-loading/sj-loading.vue?vue&type=script&setup=true&lang.ts
+var L = {
+	key: 0,
+	class: "sj-loading__circular"
+}, R = /* @__PURE__ */ D(/* @__PURE__ */ s({
+	__name: "sj-loading",
+	props: {
+		type: { default: "circular" },
+		color: { default: "" },
+		size: { default: "64rpx" },
+		textSize: { default: "" },
+		text: { default: "" },
+		vertical: {
+			type: Boolean,
+			default: !1
+		},
+		customClass: { default: "" },
+		customStyle: { default: "" }
+	},
+	setup(n) {
+		let s = n, d = t(() => g(s.size));
+		return (t, s) => (u(), i("view", {
+			class: c([
+				"sj-loading",
+				{ "sj-loading--vertical": n.vertical },
+				n.customClass
+			]),
+			style: l(n.customStyle)
+		}, [a("view", {
+			class: c(["sj-loading__spinner", `sj-loading__spinner--${n.type}`]),
+			style: l({
+				width: d.value,
+				height: d.value,
+				color: n.color || void 0
+			})
+		}, [n.type === "circular" ? (u(), i("view", L, [...s[0] ||= [a("view", { class: "sj-loading__circular-ring" }, null, -1)]])) : (u(), i(e, { key: 1 }, f(12, (e) => a("view", {
+			class: "sj-loading__spinner-dot",
+			key: e
+		})), 64))], 6), n.text || t.$slots.default ? (u(), i("text", {
+			key: 0,
+			class: "sj-loading__text",
+			style: l({ fontSize: n.textSize ? h(g)(n.textSize) : void 0 })
+		}, [p(t.$slots, "default", {}, () => [o(m(n.text), 1)], !0)], 4)) : r("", !0)], 6));
+	}
+}), [["__scopeId", "data-v-6fb17634"]]);
+//#endregion
+//#region src/components/sj-loading/index.ts
+R.install = (e) => {
+	e.component("SjLoading", R);
+};
+//#endregion
+//#region src/utils/platform.ts
+function z() {
+	return typeof uni < "u" ? uni.getSystemInfoSync().uniPlatform || "unknown" : typeof window < "u" ? "h5" : "unknown";
+}
+function B() {
+	return z() === "h5";
+}
+function V() {
+	return z().startsWith("mp-");
+}
+function H() {
+	return z() === "mp-weixin";
+}
+function U() {
+	return z() === "mp-alipay";
+}
+function W() {
+	return z() === "app-plus";
+}
+function G() {
+	try {
+		return uni.getSystemInfoSync();
+	} catch {
+		return {
+			screenWidth: 375,
+			screenHeight: 667,
+			windowWidth: 375,
+			windowHeight: 667,
+			pixelRatio: 2,
+			platform: "unknown"
+		};
+	}
+}
+//#endregion
+//#region src/utils/validate.ts
+function K(e) {
+	return e == null ? !0 : typeof e == "string" ? e.trim() === "" : Array.isArray(e) ? e.length === 0 : typeof e == "object" ? Object.keys(e).length === 0 : !1;
+}
+function q(e) {
+	return typeof e == "number" && !isNaN(e);
+}
+function J(e) {
+	return /^1[3-9]\d{9}$/.test(e);
+}
+function Y(e) {
+	return /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(e);
+}
+function X(e) {
+	return /^https?:\/\/.+/.test(e);
+}
+function Z(e) {
+	return /^\d{15}|\d{18}|\d{17}[Xx]$/.test(e);
+}
+//#endregion
+//#region src/hooks/useVisible.ts
+function Q(e = !1) {
+	let t = d(e);
+	return {
+		visible: t,
+		show: () => {
+			t.value = !0;
+		},
+		hide: () => {
+			t.value = !1;
+		},
+		toggle: () => {
+			t.value = !t.value;
+		}
+	};
+}
+//#endregion
+//#region src/hooks/useLoading.ts
+function $(e = !1) {
+	let t = d(e), n = () => {
+		t.value = !0;
+	}, r = () => {
+		t.value = !1;
+	};
+	return {
+		loading: t,
+		startLoading: n,
+		stopLoading: r,
+		withLoading: async (e) => {
+			try {
+				return n(), await e();
+			} finally {
+				r();
+			}
+		}
+	};
+}
+//#endregion
+//#region src/hooks/useScroll.ts
+function ee(e = 50) {
+	let t = d({
+		scrollTop: 0,
+		scrollLeft: 0,
+		isScrollTop: !0,
+		isScrollBottom: !1,
+		direction: "none"
+	}), n = 0;
+	return {
+		scrollState: t,
+		onScroll: w((r) => {
+			let { scrollTop: i, scrollLeft: a } = r.detail, o = i > n ? "down" : i < n ? "up" : "none";
+			n = i, t.value = {
+				scrollTop: i,
+				scrollLeft: a,
+				isScrollTop: i <= e,
+				isScrollBottom: !1,
+				direction: o
+			};
+		}, 100)
+	};
+}
+//#endregion
+//#region src/index.ts
+var te = {
+	SjButton: M,
+	SjIcon: O,
+	SjCell: I,
+	SjLoading: R
+}, ne = { install: (e) => {
+	Object.entries(te).forEach(([t, n]) => {
+		e.component(t, n);
+	});
+} };
+//#endregion
+export { M as SjButton, I as SjCell, O as SjIcon, R as SjLoading, g as addUnit, v as clamp, C as debounce, b as deepClone, ne as default, z as getPlatform, T as getRect, G as getSystemInfo, U as isAlipay, W as isApp, Y as isEmail, K as isEmpty, B as isH5, Z as isIdCard, V as isMP, q as isNumber, J as isPhone, X as isUrl, H as isWeixin, y as padZero, _ as removeUnit, w as throttle, S as uniqueId, $ as useLoading, ee as useScroll, Q as useVisible };

package/dist/shujie-ui.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.SjUI={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t=`rpx`){return e==null?``:typeof e==`string`?/^\d+(\.\d+)?$/.test(e)?`${e}${t}`:e:`${e}${t}`}function r(e){return Number(e.replace(/rpx|px|rem|em|vw|vh/g,``))}function i(e,t,n){return Math.min(Math.max(e,t),n)}function a(e,t=2){return String(e).padStart(t,`0`)}function o(e){if(typeof e!=`object`||!e)return e;if(e instanceof Date)return new Date(e.getTime());if(Array.isArray(e))return e.map(e=>o(e));let t={};for(let n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=o(e[n]));return t}var s=0;function c(e=`sj`){return`${e}-${++s}-${Math.random().toString(36).slice(2,8)}`}function l(e,t=300){let n=null;return function(...r){n&&clearTimeout(n),n=setTimeout(()=>{e.apply(this,r),n=null},t)}}function u(e,t=300){let n=0;return function(...r){let i=Date.now();i-n>=t&&(e.apply(this,r),n=i)}}function d(e,t){return new Promise(n=>{uni.createSelectorQuery().in(t).select(e).boundingClientRect(e=>{n(e)}).exec()})}var f=(0,t.defineComponent)({__name:`sj-icon`,props:{name:{default:``},color:{default:``},size:{default:`inherit`},prefix:{default:`sj-icon`},customClass:{default:``},customStyle:{default:``}},emits:[`click`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.computed)(()=>n(i.size)),s=e=>{a(`click`,e)};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`text`,{class:(0,t.normalizeClass)([e.prefix,e.name?`${e.prefix}-${e.name}`:``,e.customClass]),style:(0,t.normalizeStyle)([{fontSize:o.value,color:e.color||void 0},e.customStyle]),onClick:s},null,6))}}),p=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},m=p(f,[[`__scopeId`,`data-v-7cac47d7`]]),h=[`disabled`,`form-type`,`hover-class`],g={key:0,class:`sj-button__loading`},_={class:`sj-button__text`},v=p((0,t.defineComponent)({__name:`sj-button`,props:{type:{default:`default`},size:{default:`medium`},shape:{default:`square`},plain:{type:Boolean,default:!1},hairline:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingText:{default:``},loadingSize:{default:`40rpx`},icon:{default:``},iconPrefix:{default:`sj-icon`},block:{type:Boolean,default:!1},nativeType:{default:`button`},customClass:{default:``},customStyle:{default:``}},emits:[`click`],setup(e,{emit:n}){let r=e,i=n,a=e=>{r.disabled||r.loading||i(`click`,e)};return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{class:(0,t.normalizeClass)([`sj-button`,`sj-button--${e.type}`,`sj-button--${e.size}`,`sj-button--${e.shape}`,{"sj-button--plain":e.plain,"sj-button--hairline":e.hairline,"sj-button--disabled":e.disabled,"sj-button--loading":e.loading,"sj-button--block":e.block},e.customClass]),style:(0,t.normalizeStyle)(e.customStyle),disabled:e.disabled||e.loading,"form-type":e.nativeType===`submit`||e.nativeType===`reset`?e.nativeType:void 0,"hover-class":e.disabled||e.loading?``:`sj-button--active`,"hover-start-time":`20`,"hover-stay-time":`70`,onClick:a},[e.loading?((0,t.openBlock)(),(0,t.createElementBlock)(`view`,g,[...r[0]||=[(0,t.createElementVNode)(`view`,{class:`sj-button__loading-spinner`},null,-1)]])):(0,t.createCommentVNode)(``,!0),e.icon&&!e.loading?((0,t.openBlock)(),(0,t.createBlock)(m,{key:1,name:e.icon,prefix:e.iconPrefix,class:`sj-button__icon`},null,8,[`name`,`prefix`])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`text`,_,[e.loading&&e.loadingText?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createTextVNode)((0,t.toDisplayString)(e.loadingText),1)],64)):(0,t.renderSlot)(n.$slots,`default`,{key:1},void 0,!0)])],14,h))}}),[[`__scopeId`,`data-v-d5bd5c39`]]);v.install=e=>{e.component(`SjButton`,v)},m.install=e=>{e.component(`SjIcon`,m)};var y={class:`sj-cell__title-text`},b={key:0,class:`sj-cell__label`},x={class:`sj-cell__value-text`},S=p((0,t.defineComponent)({__name:`sj-cell`,props:{title:{default:``},value:{default:``},label:{default:``},isLink:{type:Boolean,default:!1},arrowDirection:{default:`right`},required:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1},icon:{default:``},iconSize:{default:``},titleWidth:{default:``},titleAlign:{default:`left`},border:{type:Boolean,default:!0},customClass:{default:``},customStyle:{default:``}},emits:[`click`],setup(e,{emit:r}){let i=r,a=e=>{i(`click`,e)};return(r,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`view`,{class:(0,t.normalizeClass)([`sj-cell`,{"sj-cell--clickable":e.clickable||e.isLink,"sj-cell--required":e.required,"sj-cell--borderless":!e.border},e.customClass]),style:(0,t.normalizeStyle)(e.customStyle),onClick:a},[e.icon?((0,t.openBlock)(),(0,t.createBlock)(m,{key:0,name:e.icon,size:e.iconSize||`40rpx`,class:`sj-cell__left-icon`},null,8,[`name`,`size`])):(0,t.renderSlot)(r.$slots,`icon`,{key:1},void 0,!0),e.title||r.$slots.title||r.$slots.label||e.label?((0,t.openBlock)(),(0,t.createElementBlock)(`view`,{key:2,class:`sj-cell__title`,style:(0,t.normalizeStyle)({textAlign:e.titleAlign,flex:e.titleWidth?`0 0 ${(0,t.unref)(n)(e.titleWidth)}`:``})},[(0,t.renderSlot)(r.$slots,`title`,{},()=>[(0,t.createElementVNode)(`text`,y,(0,t.toDisplayString)(e.title),1)],!0),(0,t.renderSlot)(r.$slots,`label`,{},()=>[e.label?((0,t.openBlock)(),(0,t.createElementBlock)(`text`,b,(0,t.toDisplayString)(e.label),1)):(0,t.createCommentVNode)(``,!0)],!0)],4)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`view`,{class:(0,t.normalizeClass)([`sj-cell__value`,{"sj-cell__value--alone":!e.title&&!r.$slots.title}])},[(0,t.renderSlot)(r.$slots,`default`,{},()=>[(0,t.createElementVNode)(`text`,x,(0,t.toDisplayString)(e.value),1)],!0)],2),e.isLink?((0,t.openBlock)(),(0,t.createBlock)(m,{key:3,name:`arrow-${e.arrowDirection}`,class:`sj-cell__right-icon`},null,8,[`name`])):(0,t.renderSlot)(r.$slots,`right-icon`,{key:4},void 0,!0)],6))}}),[[`__scopeId`,`data-v-17f18255`]]);S.install=e=>{e.component(`SjCell`,S)};var C={key:0,class:`sj-loading__circular`},w=p((0,t.defineComponent)({__name:`sj-loading`,props:{type:{default:`circular`},color:{default:``},size:{default:`64rpx`},textSize:{default:``},text:{default:``},vertical:{type:Boolean,default:!1},customClass:{default:``},customStyle:{default:``}},setup(e){let r=e,i=(0,t.computed)(()=>n(r.size));return(r,a)=>((0,t.openBlock)(),(0,t.createElementBlock)(`view`,{class:(0,t.normalizeClass)([`sj-loading`,{"sj-loading--vertical":e.vertical},e.customClass]),style:(0,t.normalizeStyle)(e.customStyle)},[(0,t.createElementVNode)(`view`,{class:(0,t.normalizeClass)([`sj-loading__spinner`,`sj-loading__spinner--${e.type}`]),style:(0,t.normalizeStyle)({width:i.value,height:i.value,color:e.color||void 0})},[e.type===`circular`?((0,t.openBlock)(),(0,t.createElementBlock)(`view`,C,[...a[0]||=[(0,t.createElementVNode)(`view`,{class:`sj-loading__circular-ring`},null,-1)]])):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},(0,t.renderList)(12,e=>(0,t.createElementVNode)(`view`,{class:`sj-loading__spinner-dot`,key:e})),64))],6),e.text||r.$slots.default?((0,t.openBlock)(),(0,t.createElementBlock)(`text`,{key:0,class:`sj-loading__text`,style:(0,t.normalizeStyle)({fontSize:e.textSize?(0,t.unref)(n)(e.textSize):void 0})},[(0,t.renderSlot)(r.$slots,`default`,{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.text),1)],!0)],4)):(0,t.createCommentVNode)(``,!0)],6))}}),[[`__scopeId`,`data-v-6fb17634`]]);w.install=e=>{e.component(`SjLoading`,w)};function T(){return typeof uni<`u`?uni.getSystemInfoSync().uniPlatform||`unknown`:typeof window<`u`?`h5`:`unknown`}function E(){return T()===`h5`}function D(){return T().startsWith(`mp-`)}function O(){return T()===`mp-weixin`}function k(){return T()===`mp-alipay`}function A(){return T()===`app-plus`}function j(){try{return uni.getSystemInfoSync()}catch{return{screenWidth:375,screenHeight:667,windowWidth:375,windowHeight:667,pixelRatio:2,platform:`unknown`}}}function M(e){return e==null?!0:typeof e==`string`?e.trim()===``:Array.isArray(e)?e.length===0:typeof e==`object`?Object.keys(e).length===0:!1}function N(e){return typeof e==`number`&&!isNaN(e)}function P(e){return/^1[3-9]\d{9}$/.test(e)}function F(e){return/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(e)}function I(e){return/^https?:\/\/.+/.test(e)}function L(e){return/^\d{15}|\d{18}|\d{17}[Xx]$/.test(e)}function R(e=!1){let n=(0,t.ref)(e);return{visible:n,show:()=>{n.value=!0},hide:()=>{n.value=!1},toggle:()=>{n.value=!n.value}}}function z(e=!1){let n=(0,t.ref)(e),r=()=>{n.value=!0},i=()=>{n.value=!1};return{loading:n,startLoading:r,stopLoading:i,withLoading:async e=>{try{return r(),await e()}finally{i()}}}}function B(e=50){let n=(0,t.ref)({scrollTop:0,scrollLeft:0,isScrollTop:!0,isScrollBottom:!1,direction:`none`}),r=0;return{scrollState:n,onScroll:u(t=>{let{scrollTop:i,scrollLeft:a}=t.detail,o=i>r?`down`:i<r?`up`:`none`;r=i,n.value={scrollTop:i,scrollLeft:a,isScrollTop:i<=e,isScrollBottom:!1,direction:o}},100)}}var V={SjButton:v,SjIcon:m,SjCell:S,SjLoading:w};e.SjButton=v,e.SjCell=S,e.SjIcon=m,e.SjLoading=w,e.addUnit=n,e.clamp=i,e.debounce=l,e.deepClone=o,e.default={install:e=>{Object.entries(V).forEach(([t,n])=>{e.component(t,n)})}},e.getPlatform=T,e.getRect=d,e.getSystemInfo=j,e.isAlipay=k,e.isApp=A,e.isEmail=F,e.isEmpty=M,e.isH5=E,e.isIdCard=L,e.isMP=D,e.isNumber=N,e.isPhone=P,e.isUrl=I,e.isWeixin=O,e.padZero=a,e.removeUnit=r,e.throttle=u,e.uniqueId=c,e.useLoading=z,e.useScroll=B,e.useVisible=R});

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "shujie-ui",
+  "version": "0.0.1",
+  "private": false,
+  "description": "A UniApp component library for Vue 3, compatible with Mini Programs, H5, and App",
+  "keywords": [
+    "uniapp",
+    "vue3",
+    "component-library",
+    "ui",
+    "mini-program",
+    "shujie-ui"
+  ],
+  "author": "jiashujie",
+  "license": "MIT",
+  "main": "dist/shujie-ui.umd.js",
+  "module": "dist/shujie-ui.es.js",
+  "types": "dist/types/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/shujie-ui.es.js",
+      "require": "./dist/shujie-ui.umd.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./styles/*": "./dist/styles/*"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist/types",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:preview": "vitepress preview docs",
+    "lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx",
+    "lint:fix": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --fix",
+    "format": "prettier --write \"src/**/*.{js,ts,vue,scss,json}\"",
+    "prepare": "husky",
+    "prepublishOnly": "npm run build && npm run build:types",
+    "release": "npm run prepublishOnly && npm publish"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^20.5.0",
+    "@commitlint/config-conventional": "^20.5.0",
+    "@types/node": "^25.6.0",
+    "@typescript-eslint/eslint-plugin": "^8.58.1",
+    "@typescript-eslint/parser": "^8.58.1",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vitest/coverage-v8": "^4.1.4",
+    "@vue/test-utils": "^2.4.6",
+    "eslint": "^10.2.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-vue": "^10.8.0",
+    "husky": "^9.1.7",
+    "jsdom": "^29.0.2",
+    "lint-staged": "^16.4.0",
+    "prettier": "^3.8.2",
+    "sass": "^1.99.0",
+    "typescript": "^6.0.2",
+    "vite": "^8.0.8",
+    "vitepress": "^1.6.4",
+    "vitest": "^4.1.4",
+    "vue": "^3.5.32",
+    "vue-tsc": "^3.2.6"
+  },
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "lint-staged": {
+    "*.{js,ts,vue}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{scss,css,json,md}": [
+      "prettier --write"
+    ]
+  },
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "homepage": "",
+  "directories": {
+    "doc": "docs",
+    "example": "examples"
+  }
+}