rappel-ui 1.0.3 → 1.0.5

package/es/components/colors/src/neutral-color.vue2.mjs

@@ -1,195 +1,4 @@
-import { defineComponent as x, createElementBlock as e, openBlock as t, Fragment as a, renderList as d, createElementVNode as l, normalizeStyle as n, normalizeClass as i, createCommentVNode as k, toDisplayString as f } from "vue";
-import { getEqualOpacityColor as r } from "../../../utils/util.mjs";
-const b = { class: "text-colors" }, B = {
-  key: 0,
-  class: "content"
-}, F = /* @__PURE__ */ x({
-  name: "ReNeutralColor",
-  __name: "neutral-color",
-  setup(h) {
-    const s = [
-      {
-        shades: [
-          {
-            color: "#000000",
-            text: "Darkest Text",
-            textcolor: "#fff"
-          },
-          {
-            color: "#303131",
-            text: "Base Text",
-            textcolor: "#fff"
-          },
-          {
-            color: "#606062",
-            text: "Secondary Text",
-            textcolor: "#fff"
-          },
-          {
-            color: "#909093",
-            text: "Neutral Text",
-            textcolor: "#fff"
-          },
-          {
-            color: "#b2b2b6",
-            text: "Placeholder Text",
-            textcolor: "#fff"
-          },
-          {
-            color: "#cdcdd1",
-            text: "Disabled Text",
-            textcolor: "#fff"
-          }
-        ]
-      },
-      {
-        shades: [
-          {
-            color: "#c3c3cb",
-            text: "Darker Border",
-            extraclass: "border-blocks"
-          },
-          {
-            color: "#d0d0d8",
-            text: "Dark Border",
-            extraclass: "border-blocks"
-          },
-          {
-            color: "#dbdbe0",
-            text: "Base Border",
-            extraclass: "border-blocks"
-          },
-          {
-            color: "#e4e4e8",
-            text: "Light Border",
-            extraclass: "border-blocks"
-          },
-          {
-            color: "#ededef",
-            text: "Lighter Border",
-            extraclass: "border-blocks"
-          },
-          {
-            color: "#efeff3",
-            text: "Extra-Light Border",
-            extraclass: "border-blocks"
-          },
-          {
-            color: r("#937bff", 0.4),
-            text: "Primary Alpha 40%  Border",
-            extraclass: "border-blocks"
-          }
-        ]
-      },
-      {
-        shades: [
-          {
-            color: "#d7d7dc",
-            text: "Darker Fill Background"
-          },
-          {
-            color: "#e8e8ec",
-            text: "Dark Fill Background"
-          },
-          {
-            color: "#ededf0",
-            text: "Base Fill Background"
-          },
-          {
-            color: "#f1f1f4",
-            text: "Light Fill Background"
-          },
-          {
-            color: "#f6f6f7",
-            text: "Lighter Fill Background"
-          },
-          {
-            color: "#f8f8f9",
-            text: "Extra-light Fill Background"
-          },
-          {
-            color: "#f7f7fb",
-            text: "Theme Fill Background"
-          },
-          {
-            color: "#ffffff",
-            text: "Blank Fill Background",
-            bordercolor: r("#937bff", 0.4)
-          },
-          {
-            color: "transparent",
-            text: "Transparent Fill Background",
-            extraclass: "checkerboard-bg"
-          }
-        ]
-      },
-      {
-        shades: [
-          {
-            color: r("#937bff", 0.9),
-            textcolor: "#fff",
-            text: "Primary Alpha 90% Fill Background"
-          },
-          {
-            color: r("#937bff", 0.8),
-            textcolor: "#fff",
-            text: "Primary Alpha 80% Fill Background"
-          },
-          {
-            color: r("#937bff", 0.7),
-            text: "Primary Alpha 70% Fill Background"
-          },
-          {
-            color: r("#937bff", 0.6),
-            text: "Primary Alpha 60% Fill Background"
-          },
-          {
-            color: r("#937bff", 0.5),
-            text: "Primary Alpha 50% Fill Background"
-          },
-          {
-            color: r("#937bff", 0.4),
-            text: "Primary Alpha 40% Fill Background"
-          },
-          {
-            color: r("#937bff", 0.3),
-            text: "Primary Alpha 30% Fill Background"
-          },
-          {
-            color: r("#937bff", 0.2),
-            text: "Primary Alpha 20% Fill Background"
-          },
-          {
-            color: r("#937bff", 0.1),
-            text: "Primary Alpha 10% Fill Background"
-          }
-        ]
-      }
-    ];
-    return (g, u) => (t(), e("div", b, [
-      (t(), e(a, null, d(s, (c) => l("div", {
-        class: "panel",
-        key: c.shades[0].color
-      }, [
-        (t(!0), e(a, null, d(c.shades, (o) => (t(), e("div", {
-          class: i(["shade", [o?.extraclass]]),
-          style: n({
-            "background-color": o.color,
-            color: o?.textcolor,
-            border: o?.bordercolor ? "1px solid " + o.bordercolor : "none"
-          }),
-          key: o.text
-        }, [
-          l("div", null, [
-            l("div", null, f(o.text), 1),
-            l("div", null, f(o.color.toUpperCase()), 1)
-          ]),
-          o.extraclass ? (t(), e("div", B, "#FFFFFF")) : k("", !0)
-        ], 6))), 128))
-      ])), 64))
-    ]));
-  }
-});
+import f from "./neutral-color.vue.mjs";
 export {
-  F as default
+  f as default
 };

package/es/components/colors/src/primary-color.vue.mjs

@@ -1,7 +1,38 @@
-import o from "./primary-color.vue2.mjs";
-/* empty css                    */
-import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5584db9b"]]);
+import { defineComponent as u, createElementBlock as a, openBlock as t, Fragment as m, renderList as c, createElementVNode as n, normalizeClass as r, unref as s, normalizeStyle as i, toDisplayString as f } from "vue";
+/* empty css                                  */
+/* empty css                                    */
+import { createColors as y } from "../../../utils/util.mjs";
+import { useNamespace as b } from "../../../composables/use-namespace/index.mjs";
+const B = /* @__PURE__ */ u({
+  name: "RePrimaryColor",
+  __name: "primary-color",
+  setup(_) {
+    const { nm: p, ns: o } = b("colors"), d = [
+      {
+        base: "#937bff",
+        shades: y("#937bff")
+      }
+    ];
+    return (h, k) => (t(), a(m, null, c(d, (e) => n("div", {
+      class: r([s(p)("", "primary")]),
+      key: e.base
+    }, [
+      n("div", {
+        class: r([s(o)("", "base")]),
+        style: i({ "background-color": e.base })
+      }, f(e.base.toUpperCase()), 7),
+      n("div", {
+        class: r([s(o)("", "shades")])
+      }, [
+        (t(!0), a(m, null, c(e.shades, (l) => (t(), a("div", {
+          class: r([s(o)("", "shade")]),
+          style: i({ "background-color": l }),
+          key: l
+        }, null, 6))), 128))
+      ], 2)
+    ], 2)), 64));
+  }
+});
 export {
-  p as default
+  B as default
 };

package/es/components/colors/src/primary-color.vue2.mjs

@@ -1,33 +1,4 @@
-import { defineComponent as m, createElementBlock as r, openBlock as s, Fragment as a, renderList as l, createElementVNode as o, normalizeStyle as n, toDisplayString as d } from "vue";
-import { createColors as i } from "../../../utils/util.mjs";
-const p = { class: "shades" }, y = /* @__PURE__ */ m({
-  name: "RePrimaryColor",
-  __name: "primary-color",
-  setup(u) {
-    const c = [
-      {
-        base: "#937bff",
-        shades: i("#937bff")
-      }
-    ];
-    return (_, f) => (s(), r(a, null, l(c, (e) => o("div", {
-      class: "theme-colors",
-      key: e.base
-    }, [
-      o("div", {
-        class: "base",
-        style: n({ "background-color": e.base })
-      }, d(e.base.toUpperCase()), 5),
-      o("div", p, [
-        (s(!0), r(a, null, l(e.shades, (t) => (s(), r("div", {
-          class: "shade",
-          style: n({ "background-color": t }),
-          key: t
-        }, null, 4))), 128))
-      ])
-    ])), 64));
-  }
-});
+import f from "./primary-color.vue.mjs";
 export {
-  y as default
+  f as default
 };

package/es/components/colors/src/secondary-color.vue.mjs

@@ -1,7 +1,61 @@
-import o from "./secondary-color.vue2.mjs";
-/* empty css                      */
-import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b783d4cf"]]);
+import { defineComponent as y, createElementBlock as o, openBlock as n, normalizeClass as s, unref as a, Fragment as d, renderList as i, createElementVNode as r, normalizeStyle as m, toDisplayString as u } from "vue";
+/* empty css                                  */
+/* empty css                                    */
+import { createColors as l } from "../../../utils/util.mjs";
+import { useNamespace as f } from "../../../composables/use-namespace/index.mjs";
+const E = /* @__PURE__ */ y({
+  name: "ReSecondaryColor",
+  __name: "secondary-color",
+  setup(h) {
+    const { nm: p, ns: t } = f("colors"), b = [
+      {
+        base: "#06b56d",
+        text: "Success",
+        shades: l("#06b56d")
+      },
+      {
+        base: "#ee6979",
+        text: "Danger/Error ",
+        shades: l("#ee6979")
+      },
+      {
+        base: "#cd9a0a",
+        text: "Warning",
+        shades: l("#cd9a0a")
+      },
+      {
+        base: "#8e8e91",
+        text: "Info",
+        shades: l("#8e8e91")
+      }
+    ];
+    return (_, v) => (n(), o("div", {
+      class: s([a(p)("", "secondary")])
+    }, [
+      (n(), o(d, null, i(b, (e) => r("div", {
+        class: s([a(t)("", "panel")]),
+        key: e.base
+      }, [
+        r("div", {
+          class: s([a(t)("", "base")]),
+          style: m({ "background-color": e.base })
+        }, [
+          r("div", null, u(e.text), 1),
+          r("div", null, u(e.base.toUpperCase()), 1)
+        ], 6),
+        r("div", {
+          class: s([a(t)("", "shades")])
+        }, [
+          (n(!0), o(d, null, i(e.shades, (c) => (n(), o("div", {
+            class: s([a(t)("", "shade")]),
+            style: m({ "background-color": c }),
+            key: c
+          }, null, 6))), 128))
+        ], 2)
+      ], 2)), 64))
+    ], 2));
+  }
+});
 export {
-  f as default
+  E as default
 };

package/es/components/colors/src/secondary-color.vue2.mjs

@@ -1,54 +1,4 @@
-import { defineComponent as u, createElementBlock as a, openBlock as t, Fragment as n, renderList as l, createElementVNode as s, normalizeStyle as d, toDisplayString as c } from "vue";
-import { createColors as o } from "../../../utils/util.mjs";
-const m = { class: "status-colors" }, p = { class: "shades" }, x = /* @__PURE__ */ u({
-  name: "ReSecondaryColor",
-  __name: "secondary-color",
-  setup(_) {
-    const i = [
-      {
-        base: "#06b56d",
-        text: "Success",
-        shades: o("#06b56d")
-      },
-      {
-        base: "#ee6979",
-        text: "Danger/Error ",
-        shades: o("#ee6979")
-      },
-      {
-        base: "#cd9a0a",
-        text: "Warning",
-        shades: o("#cd9a0a")
-      },
-      {
-        base: "#8e8e91",
-        text: "Info",
-        shades: o("#8e8e91")
-      }
-    ];
-    return (b, h) => (t(), a("div", m, [
-      (t(), a(n, null, l(i, (e) => s("div", {
-        class: "panel",
-        key: e.base
-      }, [
-        s("div", {
-          class: "base",
-          style: d({ "background-color": e.base })
-        }, [
-          s("div", null, c(e.text), 1),
-          s("div", null, c(e.base.toUpperCase()), 1)
-        ], 4),
-        s("div", p, [
-          (t(!0), a(n, null, l(e.shades, (r) => (t(), a("div", {
-            class: "shade",
-            style: d({ "background-color": r }),
-            key: r
-          }, null, 4))), 128))
-        ])
-      ])), 64))
-    ]));
-  }
-});
+import f from "./secondary-color.vue.mjs";
 export {
-  x as default
+  f as default
 };

package/es/components/index.mjs

@@ -1,20 +1,16 @@
-import "./button/index.mjs";
-import "./input/index.mjs";
-import "./tabs/index.mjs";
-import "./colors/index.mjs";
-import { default as l } from "./button/src/button.vue.mjs";
-import { default as p } from "./input/src/input.vue.mjs";
-import { default as s } from "./colors/src/colors.vue.mjs";
-import { default as x } from "./tabs/src/tabs.vue.mjs";
-import { default as i } from "./colors/src/primary-color.vue.mjs";
-import { default as n } from "./colors/src/secondary-color.vue.mjs";
-import { default as b } from "./colors/src/neutral-color.vue.mjs";
+import { ReButton as e } from "./button/index.mjs";
+import { ReInput as a } from "./input/index.mjs";
+import { ReTabs as l } from "./tabs/index.mjs";
+import { ReColors as p } from "./colors/index.mjs";
+import { default as R } from "./colors/src/primary-color.vue.mjs";
+import { default as s } from "./colors/src/secondary-color.vue.mjs";
+import { default as C } from "./colors/src/neutral-color.vue.mjs";
 export {
-  l as ReButton,
-  s as ReColors,
-  p as ReInput,
-  b as ReNeutralColor,
-  i as RePrimaryColor,
-  n as ReSecondaryColor,
-  x as ReTabs
+  e as ReButton,
+  p as ReColors,
+  a as ReInput,
+  C as ReNeutralColor,
+  R as RePrimaryColor,
+  s as ReSecondaryColor,
+  l as ReTabs
 };

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

@@ -1,6 +1,4 @@
-import { default as Input } from './src/input.vue';
-export { Input as ReInput };
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+export declare const ReInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     type: {
         type: StringConstructor;
         default: string;
@@ -22,4 +20,4 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     size: string;
     type: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLInputElement>;
-export default _default;
+export default ReInput;

package/es/components/input/index.mjs

@@ -1,6 +1,7 @@
 import { withInstall as t } from "../../utils/vue/index.mjs";
-import m from "./src/input.vue.mjs";
-t(m);
+import o from "./src/input.vue.mjs";
+const a = t(o);
 export {
-  m as ReInput
+  a as ReInput,
+  a as default
 };

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

@@ -1,6 +1,4 @@
-import { default as tabs } from './src/tabs.vue';
-export { tabs as ReTabs };
-declare const _default: {
+export declare const ReTabs: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -17,4 +15,4 @@ declare const _default: {
         'prev-button'?(_: {}): any;
     };
 });
-export default _default;
+export default ReTabs;

package/es/components/tabs/index.mjs

@@ -1,6 +1,7 @@
 import { withInstall as t } from "../../utils/vue/index.mjs";
 import o from "./src/tabs.vue.mjs";
-t(o);
+const s = t(o);
 export {
-  o as ReTabs
+  s as ReTabs,
+  s as default
 };

package/es/index.mjs

@@ -1,6 +1,6 @@
 import * as e from "./components/index.mjs";
 import { svgLoadingContent as n } from "./constants/svgLoading.mjs";
-import { vDraggable as i } from "./directives/vDraggable.mjs";
+import { vDraggable as f } from "./directives/vDraggable.mjs";
 import { applyResizable as u, vResizable as d } from "./directives/vResizable.mjs";
 import { vSvgLoading as R } from "./directives/vSvgLoading.mjs";
 import { useDraggable as g } from "./composables/useDraggable.mjs";
@@ -12,15 +12,14 @@ import { useNamespace as E } from "./composables/use-namespace/index.mjs";
 import { createGlobalInstaller as r } from "./utils/vue/index.mjs";
 import { INSTALLED_KEY as h, toLowerCase as w, withInstall as N, withMultiInstall as P } from "./utils/vue/index.mjs";
 import { autoCalcFileSize as z, buildTree as B, createColors as K, createOverload as U, darkenColor as k, deepClone as A, deleteKeys as q, flatArr as G, getEqualOpacityColor as M, hasOwnProperty as W, isPlainObject as Y, joinURLs as _, lineBreakToComma as $, omitEmptyKeys as H, paramsToFormData as J, readTxtByEncodes as Q, readTxtFile as V, setURLSearchParams as X, singleton as Z } from "./utils/util.mjs";
-import { default as oe } from "./components/button/src/button.vue.mjs";
-import { default as te } from "./components/input/src/input.vue.mjs";
-import { default as le } from "./components/colors/src/colors.vue.mjs";
-import { default as me } from "./components/tabs/src/tabs.vue.mjs";
-import { default as ne } from "./components/colors/src/primary-color.vue.mjs";
-import { default as ie } from "./components/colors/src/secondary-color.vue.mjs";
-import { default as ue } from "./components/colors/src/neutral-color.vue.mjs";
+import { default as oe } from "./components/colors/src/primary-color.vue.mjs";
+import { default as te } from "./components/colors/src/secondary-color.vue.mjs";
+import { default as le } from "./components/colors/src/neutral-color.vue.mjs";
+import { ReButton as me } from "./components/button/index.mjs";
+import { ReInput as ne } from "./components/input/index.mjs";
+import { ReTabs as fe } from "./components/tabs/index.mjs";
+import { ReColors as ue } from "./components/colors/index.mjs";
 import { RappelUIResolver as ce } from "./rappel-ui/resolver.mjs";
-console.log(e);
 const o = r(Object.values(e)), t = o.install, a = o.version, s = {
   install: t,
   version: a,
@@ -29,13 +28,13 @@ const o = r(Object.values(e)), t = o.install, a = o.version, s = {
 export {
   h as INSTALLED_KEY,
   ce as RappelUIResolver,
-  oe as ReButton,
-  le as ReColors,
-  te as ReInput,
-  ue as ReNeutralColor,
-  ne as RePrimaryColor,
-  ie as ReSecondaryColor,
-  me as ReTabs,
+  me as ReButton,
+  ue as ReColors,
+  ne as ReInput,
+  le as ReNeutralColor,
+  oe as RePrimaryColor,
+  te as ReSecondaryColor,
+  fe as ReTabs,
   u as applyResizable,
   z as autoCalcFileSize,
   B as buildTree,
@@ -67,7 +66,7 @@ export {
   L as useOnceFn,
   F as useTimeNodes,
   O as useWaterFallLayout,
-  i as vDraggable,
+  f as vDraggable,
   d as vResizable,
   R as vSvgLoading,
   a as version,

package/es/theme-chalk/src/colors.css

@@ -0,0 +1 @@
+@charset "UTF-8";.re-colors--primary{width:60rem;border-radius:4px;overflow:hidden;color:#fff}.re-colors--secondary{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.re-colors--neutral{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.re-colors__panel{border-radius:4px;overflow:hidden;color:#fff}.re-colors__base{color:#fff;height:6rem;box-shadow:10px 10px;padding:1rem}.re-colors__shades{display:flex;align-items:center;flex-wrap:nowrap}.re-colors__shade{flex:1;height:3.2rem;padding:.2rem}.re-colors__collects{border-radius:4px;overflow:hidden;margin-bottom:1rem;height:7rem;padding:1rem}.re-colors__borders{display:flex;justify-content:space-between}.re-colors__border-content{border-radius:50%;margin-left:1rem;background-color:#fff;height:5rem;width:5rem;display:flex;justify-content:center;align-items:center;flex-shrink:0}.re-colors__grids{background-color:#fff;background-image:linear-gradient(45deg,#ededf0 25%,transparent 25%),linear-gradient(-45deg,#ededf0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ededf0 75%),linear-gradient(-45deg,transparent 75%,#ededf0 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0px}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rappel-ui",
   "private": false,
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "a vue3 ui library",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/theme-chalk/index.css

@@ -557,4 +557,70 @@ body {
 }
 .re-button--mini {
   padding: 4px 8px;
+}
+
+.re-colors--primary {
+  width: 60rem;
+  border-radius: 4px;
+  overflow: hidden;
+  color: #ffffff;
+}
+.re-colors--secondary {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1rem;
+}
+.re-colors--neutral {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 1rem;
+}
+.re-colors__panel {
+  border-radius: 4px;
+  overflow: hidden;
+  color: #ffffff;
+}
+.re-colors__base {
+  color: #ffffff;
+  height: 6rem;
+  box-shadow: 10px 10px;
+  padding: 1rem;
+}
+.re-colors__shades {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.re-colors__shade {
+  flex: 1;
+  height: 3.2rem;
+  padding: 0.2rem;
+}
+.re-colors__collects {
+  border-radius: 4px;
+  overflow: hidden;
+  margin-bottom: 1rem;
+  height: 7rem;
+  padding: 1rem;
+}
+.re-colors__borders {
+  display: flex;
+  justify-content: space-between;
+}
+.re-colors__border-content {
+  border-radius: 50%;
+  margin-left: 1rem;
+  background-color: #fff;
+  height: 5rem;
+  width: 5rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-shrink: 0;
+}
+.re-colors__grids {
+  background-color: #ffffff; /* 轻灰色背景 */
+  background-image: linear-gradient(45deg, #ededf0 25%, transparent 25%), linear-gradient(-45deg, #ededf0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ededf0 75%), linear-gradient(-45deg, transparent 75%, #ededf0 75%);
+  background-size: 22px 22px;
+  background-position: 0 0, 0 11px, 11px -11px, -11px 0px;
 }