npm - oga-ui - Versions diffs - 0.0.1 - Mend

oga-ui 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/index.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ .demo-progress .el-progress--line[data-v-b7194e36]{width:350px;margin-bottom:15px}.el-input-material[data-v-852d15a2]{clear:both;padding:.375rem 0;position:relative}.el-input-material .el-input.is-disabled .el-input__inner[data-v-852d15a2]{background:0 0}.el-input-material .el-input-group__prepend[data-v-852d15a2],.el-input-material .el-input-group__append[data-v-852d15a2]{padding:0 15px!important}.el-input-material .el-select[data-v-852d15a2],.el-input-material .el-cascader[data-v-852d15a2]{width:100%}.el-input-material.borderless .el-input-number .el-input__inner[data-v-852d15a2]{text-align:center}.el-input-material.borderless .el-input__inner[data-v-852d15a2]{border-top:0;border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}.el-input-material.borderless [class*=el-][data-v-852d15a2]{background-color:#0000;border-top:0;border-left:0;border-right:0;border-radius:0}.el-input-material.borderless .el-date-editor--date.el-input--prefix .el-input__inner[data-v-852d15a2]{padding-left:1.875rem}.el-input-material-label[data-v-852d15a2]{text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;color:#c0c4cc;z-index:2;border-radius:5px;padding-left:2px;padding-right:2px;font-size:.75rem;line-height:.75rem;transition:all .2s;position:absolute;top:0;left:1rem;opacity:1!important}.el-input-material-label[data-v-852d15a2]:not(.active){opacity:0}.el-input-material+.el-form-item__error[data-v-852d15a2]{padding-top:0}
2	+ /$vite$:1/

package/index.mjs ADDED Viewed

@@ -0,0 +1,117 @@
+import { createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, isRef, mergeProps, normalizeClass, onMounted, openBlock, ref, renderSlot, resolveComponent, toDisplayString, unref, useAttrs, useSlots, withCtx } from "vue";
+var _hoisted_1 = { class: "demo-progress" }, index_vue_vue_type_script_setup_true_lang_default$1 = /* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		percentage: {
+			type: Number,
+			default: 0
+		},
+		animationTime: {
+			type: Number,
+			default: 3e3
+		},
+		isAnimation: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let m = e, g = ref(0), _ = (e) => e < 30 ? "#909399" : e < 70 ? "#e6a23c" : "#67c23a";
+		return onMounted(() => {
+			let e = Math.ceil(m.animationTime / m.percentage), p = setInterval(() => {
+				g.value += 1, (g.value >= m.percentage || g.value >= 100) && (g.value = m.percentage >= 100 ? 100 : m.percentage, clearInterval(p));
+			}, e);
+		}), (e, m) => {
+			let v = resolveComponent("el-progress");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(v, mergeProps({ percentage: g.value }, e.$attrs, { color: _ }), null, 16, ["percentage"])]);
+		};
+	}
+}), __plugin_vue_export_helper_default = (e, p) => {
+	let m = e.__vccOpts || e;
+	for (let [e, h] of p) m[e] = h;
+	return m;
+}, src_default$1 = /* @__PURE__ */ __plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default$1, [["__scopeId", "data-v-b7194e36"]]), progress_default = { install(e) {
+	e.component("OgaProgress", src_default$1);
+} }, src_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		modelValue: {
+			type: [String, Number],
+			default: ""
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		},
+		size: {
+			type: String,
+			default: ""
+		},
+		description: {
+			type: String,
+			default: ""
+		},
+		borderless: {
+			type: Boolean,
+			default: !1
+		},
+		shrink: {
+			type: Boolean,
+			default: !0
+		},
+		errorTips: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(g) {
+		let S = "", C = ref(!1), w = g, T = useAttrs();
+		return T = {
+			...T,
+			...w
+		}, onMounted(() => {
+			S = w.modelValue;
+		}), (y, b) => {
+			let x = resolveComponent("el-input");
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["el-input-material", `${g.borderless ? "borderless" : ""}${g.errorTips ? "" : " no-tips"}`]) }, [g.borderless ? createCommentVNode("v-if", !0) : (openBlock(), createElementBlock("label", {
+				key: 0,
+				class: normalizeClass(["el-input-material-label", g.shrink || C.value ? "active" : ""])
+			}, toDisplayString(g.placeholder), 3)), createVNode(x, mergeProps(unref(T), {
+				modelValue: unref(S),
+				"onUpdate:modelValue": b[0] ||= (e) => isRef(S) ? S.value = e : S = e,
+				placeholder: g.shrink ? g.description || "" : g.placeholder
+			}), createSlots({ _: 2 }, [
+				useSlots().append ? {
+					name: "append",
+					fn: withCtx(() => [renderSlot(y.$slots, "append", {}, void 0, !0)]),
+					key: "0"
+				} : void 0,
+				useSlots().prepend ? {
+					name: "prepend",
+					fn: withCtx(() => [renderSlot(y.$slots, "prepend", {}, void 0, !0)]),
+					key: "1"
+				} : void 0,
+				useSlots().default ? {
+					name: "prepend",
+					fn: withCtx(() => [renderSlot(y.$slots, "default", {}, void 0, !0)]),
+					key: "2"
+				} : void 0,
+				useSlots().suffix ? {
+					name: "suffix",
+					fn: withCtx(() => [renderSlot(y.$slots, "suffix", {}, void 0, !0)]),
+					key: "3"
+				} : void 0,
+				useSlots().suffix ? {
+					name: "suffix",
+					fn: withCtx(() => [renderSlot(y.$slots, "suffix", {}, void 0, !0)]),
+					key: "4"
+				} : void 0
+			]), 1040, ["modelValue", "placeholder"])], 2);
+		};
+	}
+}), [["__scopeId", "data-v-852d15a2"]]), components = [progress_default, { install(e) {
+	e.component("OgaInput", src_default);
+} }], packages_default = { install(e) {
+	components.map((p) => e.use(p));
+} };
+export { packages_default as default };

package/index.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/input/index.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ .el-input-material[data-v-852d15a2]{clear:both;padding:.375rem 0;position:relative}.el-input-material .el-input.is-disabled .el-input__inner[data-v-852d15a2]{background:0 0}.el-input-material .el-input-group__prepend[data-v-852d15a2],.el-input-material .el-input-group__append[data-v-852d15a2]{padding:0 15px!important}.el-input-material .el-select[data-v-852d15a2],.el-input-material .el-cascader[data-v-852d15a2]{width:100%}.el-input-material.borderless .el-input-number .el-input__inner[data-v-852d15a2]{text-align:center}.el-input-material.borderless .el-input__inner[data-v-852d15a2]{border-top:0;border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}.el-input-material.borderless [class*=el-][data-v-852d15a2]{background-color:#0000;border-top:0;border-left:0;border-right:0;border-radius:0}.el-input-material.borderless .el-date-editor--date.el-input--prefix .el-input__inner[data-v-852d15a2]{padding-left:1.875rem}.el-input-material-label[data-v-852d15a2]{text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;color:#c0c4cc;z-index:2;border-radius:5px;padding-left:2px;padding-right:2px;font-size:.75rem;line-height:.75rem;transition:all .2s;position:absolute;top:0;left:1rem;opacity:1!important}.el-input-material-label[data-v-852d15a2]:not(.active){opacity:0}.el-input-material+.el-form-item__error[data-v-852d15a2]{padding-top:0}
2	+ /$vite$:1/

package/input/index.mjs ADDED Viewed

@@ -0,0 +1,86 @@
+import { createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, isRef, mergeProps, normalizeClass, onMounted, openBlock, ref, renderSlot, resolveComponent, toDisplayString, unref, useAttrs, useSlots, withCtx } from "vue";
+var src_default = /* @__PURE__ */ ((e, d) => {
+	let f = e.__vccOpts || e;
+	for (let [e, p] of d) f[e] = p;
+	return f;
+})(/* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		modelValue: {
+			type: [String, Number],
+			default: ""
+		},
+		placeholder: {
+			type: String,
+			default: ""
+		},
+		size: {
+			type: String,
+			default: ""
+		},
+		description: {
+			type: String,
+			default: ""
+		},
+		borderless: {
+			type: Boolean,
+			default: !1
+		},
+		shrink: {
+			type: Boolean,
+			default: !0
+		},
+		errorTips: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(m) {
+		let v = "", y = ref(!1), b = m, x = useAttrs();
+		return x = {
+			...x,
+			...b
+		}, onMounted(() => {
+			v = b.modelValue;
+		}), (h, g) => {
+			let _ = resolveComponent("el-input");
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["el-input-material", `${m.borderless ? "borderless" : ""}${m.errorTips ? "" : " no-tips"}`]) }, [m.borderless ? createCommentVNode("v-if", !0) : (openBlock(), createElementBlock("label", {
+				key: 0,
+				class: normalizeClass(["el-input-material-label", m.shrink || y.value ? "active" : ""])
+			}, toDisplayString(m.placeholder), 3)), createVNode(_, mergeProps(unref(x), {
+				modelValue: unref(v),
+				"onUpdate:modelValue": g[0] ||= (e) => isRef(v) ? v.value = e : v = e,
+				placeholder: m.shrink ? m.description || "" : m.placeholder
+			}), createSlots({ _: 2 }, [
+				useSlots().append ? {
+					name: "append",
+					fn: withCtx(() => [renderSlot(h.$slots, "append", {}, void 0, !0)]),
+					key: "0"
+				} : void 0,
+				useSlots().prepend ? {
+					name: "prepend",
+					fn: withCtx(() => [renderSlot(h.$slots, "prepend", {}, void 0, !0)]),
+					key: "1"
+				} : void 0,
+				useSlots().default ? {
+					name: "prepend",
+					fn: withCtx(() => [renderSlot(h.$slots, "default", {}, void 0, !0)]),
+					key: "2"
+				} : void 0,
+				useSlots().suffix ? {
+					name: "suffix",
+					fn: withCtx(() => [renderSlot(h.$slots, "suffix", {}, void 0, !0)]),
+					key: "3"
+				} : void 0,
+				useSlots().suffix ? {
+					name: "suffix",
+					fn: withCtx(() => [renderSlot(h.$slots, "suffix", {}, void 0, !0)]),
+					key: "4"
+				} : void 0
+			]), 1040, ["modelValue", "placeholder"])], 2);
+		};
+	}
+}), [["__scopeId", "data-v-852d15a2"]]), input_default = { install(e) {
+	e.component("OgaInput", src_default);
+} };
+export { input_default as default };

package/input/index.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/package.json ADDED Viewed

@@ -0,0 +1,13 @@
+{
+  "name": "oga-ui",
+  "version": "0.0.1",
+  "description": "A Component Library for Vue3",
+  "author": {
+    "name": "Joe",
+    "email": "joe.bob.xie@gmail.com"
+  },
+  "license": "MIT",
+  "main": "index.umd.js",
+  "module": "index.umd.js",
+  "style": "style.css"
+}

package/progress/index.css ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ .demo-progress .el-progress--line[data-v-b7194e36]{width:350px;margin-bottom:15px}
2	+ /$vite$:1/

package/progress/index.mjs ADDED Viewed

@@ -0,0 +1,36 @@
+import { createElementBlock, createVNode, defineComponent, mergeProps, onMounted, openBlock, ref, resolveComponent } from "vue";
+var _hoisted_1 = { class: "demo-progress" }, src_default = /* @__PURE__ */ ((e, i) => {
+	let a = e.__vccOpts || e;
+	for (let [e, o] of i) a[e] = o;
+	return a;
+})(/* @__PURE__ */ defineComponent({
+	__name: "index",
+	props: {
+		percentage: {
+			type: Number,
+			default: 0
+		},
+		animationTime: {
+			type: Number,
+			default: 3e3
+		},
+		isAnimation: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(a) {
+		let l = a, u = ref(0), d = (e) => e < 30 ? "#909399" : e < 70 ? "#e6a23c" : "#67c23a";
+		return onMounted(() => {
+			let e = Math.ceil(l.animationTime / l.percentage), i = setInterval(() => {
+				u.value += 1, (u.value >= l.percentage || u.value >= 100) && (u.value = l.percentage >= 100 ? 100 : l.percentage, clearInterval(i));
+			}, e);
+		}), (a, s) => {
+			let c = resolveComponent("el-progress");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(c, mergeProps({ percentage: u.value }, a.$attrs, { color: d }), null, 16, ["percentage"])]);
+		};
+	}
+}), [["__scopeId", "data-v-b7194e36"]]), progress_default = { install(e) {
+	e.component("OgaProgress", src_default);
+} };
+export { progress_default as default };

package/progress/index.umd.js ADDED Viewed

@@ -0,0 +1 @@