@gsc-basic/components 1.0.1 → 1.0.2

package/README.md

@@ -0,0 +1,59 @@
+# @gsc-basic/components 开发说明
+
+使用 Vite 以 library mode 构建，默认样式体系为 UnoCSS。
+
+## 目录结构（核心）
+
+```
+packages/components
+	index.js                    # 包入口（默认导出 install + re-export src/index.js）
+	package.json
+	vite.config.mjs             # library build 配置（含 @ 别名）
+	uno.config.mjs              # 本包 UnoCSS 配置（含 shadcn preset）
+	tsconfig.json               # TS 项目编辑器别名：@/* -> src/*（shadcn 组件使用 TS）
+
+	components.json             # shadcn-vue CLI 配置（本仓库 shadcn 部分使用 TS：typescript=true）
+	tailwind.config.js          # 仅用于满足 shadcn-vue CLI 的占位文件（真实样式用 UnoCSS）
+
+	src/
+		index.js                  # 组件库对外导出入口（仅导出业务组件）
+		styles/tokens.css         # 设计变量（含 shadcn tokens + dark 覆盖）
+
+		<ComponentName>/          # 对外组件（示例：Grid/、ConfigProvider/ 等）
+			index.js                # withInstall 包装导出
+			src/*.vue               # 组件实现
+
+		components/ui/**          # shadcn-vue 生成/维护的内部 UI 组件（不要从 src/index.js 导出）
+		lib/**                    # 内部工具（例如 cn class 合并）
+
+	stories/**/*.stories.js     # Storybook stories
+```
+
+## 新增“对外组件”的推荐流程
+
+1. 建目录：`packages/components/src/<ComponentName>/src/<ComponentName>.vue`
+
+2. 写导出文件：`packages/components/src/<ComponentName>/index.js`
+
+推荐模板：
+
+```js
+import { withInstall } from '@gsc-basic/utils';
+import Comp from './src/<ComponentName>.vue';
+
+export const GscComponentName = withInstall(Comp);
+export default GscComponentName;
+```
+
+3. 在 `packages/components/src/index.js` 里 re-export：
+
+```js
+export * from './<ComponentName>';
+```
+
+4. 增加 Storybook：`packages/components/stories/<ComponentName>.stories.js`
+
+## Storybook / stories 编写规范
+
+- stories 目录：`packages/components/stories/**/*.stories.js`
+- 组件库对外组件：推荐从 `@gsc-basic/components` 引入（走真实导出路径）

package/dist/es/index.js

@@ -1,35 +1,39 @@
 import * as e from "./src/index.js";
-import { configProviderContextKey as f, defaultInitialZIndex as i, defaultNamespace as l, localeContextKey as s, sizeInjectionKey as d, zIndexContextKey as x } from "./src/ConfigProvider/src/constants.js";
-import { provideGlobalConfig as p, useGlobalComponentSettings as m, useGlobalConfig as u } from "./src/ConfigProvider/src/useGlobalConfig.js";
-import { GscConfigProvider as G } from "./src/ConfigProvider/index.js";
-import { GscCodeEditor as y } from "./src/CodeEditor/index.js";
-import { GscScaleScreen as K } from "./src/ScaleScreen/index.js";
-import { GscVideoBackground as b } from "./src/VideoBackground/index.js";
-import { default as z } from "./src/locale/lang/zh-CN.js";
-import { default as j } from "./src/locale/lang/en-US.js";
-import { default as h } from "./src/locale/lang/ja-JP.js";
-const r = {
-  install: (o) => {
-    for (const t in e)
-      o.use(e[t]);
+import { default as a } from "./src/locale/lang/zh-CN.js";
+import { default as s } from "./src/locale/lang/en-US.js";
+import { default as d } from "./src/locale/lang/ja-JP.js";
+import { configProviderContextKey as p, defaultInitialZIndex as m, defaultNamespace as u, localeContextKey as C, sizeInjectionKey as G, zIndexContextKey as g } from "./src/ConfigProvider/src/constants.js";
+import { provideGlobalConfig as b, useGlobalComponentSettings as I, useGlobalConfig as K } from "./src/ConfigProvider/src/useGlobalConfig.js";
+import { GscConfigProvider as S } from "./src/ConfigProvider/index.js";
+import { GscCodeEditor as v } from "./src/CodeEditor/index.js";
+import { GscScaleScreen as N } from "./src/ScaleScreen/index.js";
+import { GscVideoBackground as k } from "./src/VideoBackground/index.js";
+import { GscGrid as E } from "./src/Grid/index.js";
+const n = {
+  install: (t) => {
+    for (const r in e) {
+      const o = e[r];
+      o && (typeof o == "function" || typeof o == "object") && "install" in o && t.use(o);
+    }
   }
 };
 export {
-  y as GscCodeEditor,
-  G as GscConfigProvider,
-  K as GscScaleScreen,
-  b as GscVideoBackground,
-  f as configProviderContextKey,
-  r as default,
-  i as defaultInitialZIndex,
-  l as defaultNamespace,
-  j as enUS,
-  h as jaJP,
-  s as localeContextKey,
-  p as provideGlobalConfig,
-  d as sizeInjectionKey,
-  m as useGlobalComponentSettings,
-  u as useGlobalConfig,
-  x as zIndexContextKey,
-  z as zhCN
+  v as GscCodeEditor,
+  S as GscConfigProvider,
+  E as GscGrid,
+  N as GscScaleScreen,
+  k as GscVideoBackground,
+  p as configProviderContextKey,
+  n as default,
+  m as defaultInitialZIndex,
+  u as defaultNamespace,
+  s as enUS,
+  d as jaJP,
+  C as localeContextKey,
+  b as provideGlobalConfig,
+  G as sizeInjectionKey,
+  I as useGlobalComponentSettings,
+  K as useGlobalConfig,
+  g as zIndexContextKey,
+  a as zhCN
 };

package/dist/es/node_modules/@codemirror/commands/dist/index.js

@@ -4,7 +4,7 @@ import { IndentContext as ie, getIndentation as ue, indentString as R, syntaxTre
 import { NodeProp as F } from "../../../@lezer/common/dist/index.js";
 const Ye = (e) => {
   let { state: t } = e, r = t.doc.lineAt(t.selection.main.from), n = X(e.state, r.from);
-  return n.line ? Ze(e) : n.block ? we(e) : !1;
+  return n.line ? Ze(e) : n.block ? _e(e) : !1;
 };
 function Q(e, t) {
   return ({ state: r, dispatch: n }) => {
@@ -22,7 +22,7 @@ const Ze = /* @__PURE__ */ Q(
   fe,
   0
   /* CommentOption.Toggle */
-), we = /* @__PURE__ */ Q(
+), _e = /* @__PURE__ */ Q(
   (e, t) => fe(e, t, et(t)),
   0
   /* CommentOption.Toggle */
@@ -32,7 +32,7 @@ function X(e, t) {
   return r.length ? r[0] : {};
 }
 const M = 50;
-function _e(e, { open: t, close: r }, n, l) {
+function we(e, { open: t, close: r }, n, l) {
   let o = e.sliceDoc(n - M, n), c = e.sliceDoc(l, l + M), s = /\s*$/.exec(o)[0].length, i = /^\s*/.exec(c)[0].length, f = o.length - s;
   if (o.slice(f - t.length, f) == t && c.slice(i, i + r.length) == r)
     return {
@@ -67,7 +67,7 @@ function fe(e, t, r = t.selection.ranges) {
   let n = r.map((o) => X(t, o.from).block);
   if (!n.every((o) => o))
     return null;
-  let l = r.map((o, c) => _e(t, n[c], o.from, o.to));
+  let l = r.map((o, c) => we(t, n[c], o.from, o.to));
   if (e != 2 && !l.every((o) => o))
     return { changes: t.changes(r.map((o, c) => l[c] ? [] : [{ from: o.from, insert: n[c].open + " " }, { from: o.to, insert: " " + n[c].close }])) };
   if (e != 1 && l.some((o) => o)) {
@@ -441,7 +441,7 @@ const be = (e) => Te(e, !1), Re = (e) => Te(e, !0);
 function ve(e, t) {
   return y(e, (r) => e.moveVertically(r, t, xe(e).height));
 }
-const j = (e) => ve(e, !1), w = (e) => ve(e, !0), Tt = (e) => y(e, (t) => S(e, t, !0)), bt = (e) => y(e, (t) => S(e, t, !1)), Rt = (e) => y(e, (t) => S(e, t, !d(e))), vt = (e) => y(e, (t) => S(e, t, d(e))), It = (e) => y(e, (t) => a.cursor(e.lineBlockAt(t.head).from)), Ut = (e) => y(e, (t) => a.cursor(e.lineBlockAt(t.head).to)), _ = ({ state: e, dispatch: t }) => (t(k(e, { anchor: 0 })), !0), ee = ({ state: e, dispatch: t }) => (t(k(e, { anchor: e.doc.length })), !0), te = ({ state: e, dispatch: t }) => (t(k(e, { anchor: e.selection.main.anchor, head: 0 })), !0), ne = ({ state: e, dispatch: t }) => (t(k(e, { anchor: e.selection.main.anchor, head: e.doc.length })), !0), Vt = ({ state: e, dispatch: t }) => (t(e.update({ selection: { anchor: 0, head: e.doc.length }, userEvent: "select" })), !0), Nt = ({ state: e, dispatch: t }) => {
+const j = (e) => ve(e, !1), _ = (e) => ve(e, !0), Tt = (e) => y(e, (t) => S(e, t, !0)), bt = (e) => y(e, (t) => S(e, t, !1)), Rt = (e) => y(e, (t) => S(e, t, !d(e))), vt = (e) => y(e, (t) => S(e, t, d(e))), It = (e) => y(e, (t) => a.cursor(e.lineBlockAt(t.head).from)), Ut = (e) => y(e, (t) => a.cursor(e.lineBlockAt(t.head).to)), w = ({ state: e, dispatch: t }) => (t(k(e, { anchor: 0 })), !0), ee = ({ state: e, dispatch: t }) => (t(k(e, { anchor: e.doc.length })), !0), te = ({ state: e, dispatch: t }) => (t(k(e, { anchor: e.selection.main.anchor, head: 0 })), !0), ne = ({ state: e, dispatch: t }) => (t(k(e, { anchor: e.selection.main.anchor, head: e.doc.length })), !0), Vt = ({ state: e, dispatch: t }) => (t(e.update({ selection: { anchor: 0, head: e.doc.length }, userEvent: "select" })), !0), Nt = ({ state: e, dispatch: t }) => {
   let r = N(e).map(({ from: n, to: l }) => a.range(n, Math.min(l + 1, e.doc.length)));
   return t(e.update({ selection: a.create(r), userEvent: "select" })), !0;
 }, Pt = ({ state: e, dispatch: t }) => {
@@ -608,9 +608,15 @@ function Ge(e, t, r) {
   if (e.readOnly)
     return !1;
   let n = [];
-  for (let l of N(e))
-    r ? n.push({ from: l.from, insert: e.doc.slice(l.from, l.to) + e.lineBreak }) : n.push({ from: l.to, insert: e.lineBreak + e.doc.slice(l.from, l.to) });
-  return t(e.update({ changes: n, scrollIntoView: !0, userEvent: "input.copyline" })), !0;
+  for (let o of N(e))
+    r ? n.push({ from: o.from, insert: e.doc.slice(o.from, o.to) + e.lineBreak }) : n.push({ from: o.to, insert: e.lineBreak + e.doc.slice(o.from, o.to) });
+  let l = e.changes(n);
+  return t(e.update({
+    changes: l,
+    selection: e.selection.map(l, r ? 1 : -1),
+    scrollIntoView: !0,
+    userEvent: "input.copyline"
+  })), !0;
 }
 const Yt = ({ state: e, dispatch: t }) => Ge(e, t, !1), Zt = ({ state: e, dispatch: t }) => Ge(e, t, !0), jt = (e) => {
   if (e.state.readOnly)
@@ -625,19 +631,19 @@ const Yt = ({ state: e, dispatch: t }) => Ge(e, t, !1), Zt = ({ state: e, dispat
   }).map(r);
   return e.dispatch({ changes: r, selection: n, scrollIntoView: !0, userEvent: "delete.line" }), !0;
 };
-function wt(e, t) {
+function _t(e, t) {
   if (/\(\)|\[\]|\{\}/.test(e.sliceDoc(t - 1, t + 1)))
     return { from: t, to: t };
   let r = W(e).resolveInner(t), n = r.childBefore(t), l = r.childAfter(t), o;
   return n && l && n.to <= t && l.from >= t && (o = n.type.prop(F.closedBy)) && o.indexOf(l.name) > -1 && e.doc.lineAt(n.to).from == e.doc.lineAt(l.from).from && !/\S/.test(e.sliceDoc(n.to, l.from)) ? { from: n.to, to: l.from } : null;
 }
-const re = /* @__PURE__ */ Fe(!1), _t = /* @__PURE__ */ Fe(!0);
+const re = /* @__PURE__ */ Fe(!1), wt = /* @__PURE__ */ Fe(!0);
 function Fe(e) {
   return ({ state: t, dispatch: r }) => {
     if (t.readOnly)
       return !1;
     let n = t.changeByRange((l) => {
-      let { from: o, to: c } = l, s = t.doc.lineAt(o), i = !e && o == c && wt(t, o);
+      let { from: o, to: c } = l, s = t.doc.lineAt(o), i = !e && o == c && _t(t, o);
       e && (o = c = (c <= s.to ? s : t.doc.lineAt(c)).to);
       let f = new ie(t, { simulateBreak: o, simulateDoubleBreak: !!i }), u = ue(f, o);
       for (u == null && (u = $(/^\s*/.exec(t.doc.lineAt(o).text)[0], t.tabSize)); c < s.to && /\s/.test(s.text[c - s.from]); )
@@ -714,15 +720,15 @@ const en = ({ state: e, dispatch: t }) => {
   { key: "Mod-ArrowRight", mac: "Alt-ArrowRight", run: dt, shift: Mt, preventDefault: !0 },
   { mac: "Cmd-ArrowRight", run: Bt, shift: vt, preventDefault: !0 },
   { key: "ArrowUp", run: Se, shift: be, preventDefault: !0 },
-  { mac: "Cmd-ArrowUp", run: _, shift: te },
+  { mac: "Cmd-ArrowUp", run: w, shift: te },
   { mac: "Ctrl-ArrowUp", run: Z, shift: j },
   { key: "ArrowDown", run: De, shift: Re, preventDefault: !0 },
   { mac: "Cmd-ArrowDown", run: ee, shift: ne },
-  { mac: "Ctrl-ArrowDown", run: q, shift: w },
+  { mac: "Ctrl-ArrowDown", run: q, shift: _ },
   { key: "PageUp", run: Z, shift: j },
-  { key: "PageDown", run: q, shift: w },
+  { key: "PageDown", run: q, shift: _ },
   { key: "Home", run: kt, shift: bt, preventDefault: !0 },
-  { key: "Mod-Home", run: _, shift: te },
+  { key: "Mod-Home", run: w, shift: te },
   { key: "End", run: yt, shift: Tt, preventDefault: !0 },
   { key: "Mod-End", run: ee, shift: ne },
   { key: "Enter", run: re, shift: re },
@@ -743,7 +749,7 @@ const en = ({ state: e, dispatch: t }) => {
   { key: "Mod-Alt-ArrowUp", run: Jt },
   { key: "Mod-Alt-ArrowDown", run: Gt },
   { key: "Escape", run: Ft },
-  { key: "Mod-Enter", run: _t },
+  { key: "Mod-Enter", run: wt },
   { key: "Alt-l", mac: "Ctrl-l", run: Nt },
   { key: "Mod-i", run: Pt, preventDefault: !0 },
   { key: "Mod-[", run: He },
@@ -763,7 +769,7 @@ export {
   ye as cursorCharLeft,
   ke as cursorCharRight,
   ee as cursorDocEnd,
-  _ as cursorDocStart,
+  w as cursorDocStart,
   ht as cursorGroupLeft,
   dt as cursorGroupRight,
   kt as cursorLineBoundaryBackward,
@@ -795,7 +801,7 @@ export {
   ze as indentMore,
   en as indentSelection,
   hn as indentWithTab,
-  _t as insertBlankLine,
+  wt as insertBlankLine,
   re as insertNewlineAndIndent,
   rt as invertedEffects,
   nt as isolateHistory,
@@ -819,7 +825,7 @@ export {
   Ut as selectLineEnd,
   It as selectLineStart,
   be as selectLineUp,
-  w as selectPageDown,
+  _ as selectPageDown,
   j as selectPageUp,
   Pt as selectParentSyntax,
   Et as selectSyntaxLeft,
@@ -828,7 +834,7 @@ export {
   $t as splitLine,
   rn as standardKeymap,
   je as toggleBlockComment,
-  we as toggleBlockCommentByLine,
+  _e as toggleBlockCommentByLine,
   Ye as toggleComment,
   Ze as toggleLineComment,
   tn as toggleTabFocusMode,