svelte-sxo 0.0.0

package/README.md

@@ -0,0 +1,14 @@
+# svelte-sxo
+
+SXO 设计系统的 Svelte 适配器。
+
+## 功能
+
+- **Svelte 原生体验**: 符合 Svelte 开发习惯的组件接口。
+- **零配置**: 快速集成到 Svelte 项目中。
+
+## 安装
+
+```bash
+pnpm add svelte-sxo @sxo/ui @sxo/engine @sxo/design
+```

package/dist/ThemeProvider.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponent as default } from 'svelte';

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";var Y=Object.defineProperty;var A=(t,e,n)=>e in t?Y(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var $=(t,e,n)=>A(t,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@sxo/ui"),v=require("svelte");function y(){}function B(t,e){for(const n in e)t[n]=e[n];return t}function M(t){return t()}function O(){return Object.create(null)}function g(t){t.forEach(M)}function N(t){return typeof t=="function"}function L(t,e){return t!=t?e==e:t!==e||t&&typeof t=="object"||typeof t=="function"}function R(t){return Object.keys(t).length===0}function U(t,e,n,r){if(t){const o=q(t,e,n,r);return t[0](o)}}function q(t,e,n,r){return t[1]&&r?B(n.ctx.slice(),t[1](r(e))):n.ctx}function V(t,e,n,r){return t[2],e.dirty}function z(t,e,n,r,o,u){if(o){const f=q(e,n,r,u);t.p(f,o)}}function D(t){if(t.ctx.length>32){const e=[],n=t.ctx.length/32;for(let r=0;r<n;r++)e[r]=-1;return e}return-1}function F(t){t.parentNode&&t.parentNode.removeChild(t)}function G(t){return Array.from(t.childNodes)}let E;function d(t){E=t}const l=[],j=[];let a=[];const P=[],J=Promise.resolve();let x=!1;function Q(){x||(x=!0,J.then(H))}function b(t){a.push(t)}const p=new Set;let i=0;function H(){if(i!==0)return;const t=E;do{try{for(;i<l.length;){const e=l[i];i++,d(e),W(e.$$)}}catch(e){throw l.length=0,i=0,e}for(d(null),l.length=0,i=0;j.length;)j.pop()();for(let e=0;e<a.length;e+=1){const n=a[e];p.has(n)||(p.add(n),n())}a.length=0}while(l.length);for(;P.length;)P.pop()();x=!1,p.clear(),d(t)}function W(t){if(t.fragment!==null){t.update(),g(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(b)}}function X(t){const e=[],n=[];a.forEach(r=>t.indexOf(r)===-1?e.push(r):n.push(r)),n.forEach(r=>r()),a=e}const m=new Set;let Z;function I(t,e){t&&t.i&&(m.delete(t),t.i(e))}function tt(t,e,n,r){if(t&&t.o){if(m.has(t))return;m.add(t),Z.c.push(()=>{m.delete(t)}),t.o(e)}}function et(t,e,n){const{fragment:r,after_update:o}=t.$$;r&&r.m(e,n),b(()=>{const u=t.$$.on_mount.map(M).filter(N);t.$$.on_destroy?t.$$.on_destroy.push(...u):g(u),t.$$.on_mount=[]}),o.forEach(b)}function nt(t,e){const n=t.$$;n.fragment!==null&&(X(n.after_update),g(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function rt(t,e){t.$$.dirty[0]===-1&&(l.push(t),Q(),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function ot(t,e,n,r,o,u,f=null,h=[-1]){const _=E;d(t);const s=t.$$={fragment:null,ctx:[],props:u,update:y,not_equal:o,bound:O(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(_?_.$$.context:[])),callbacks:O(),dirty:h,skip_bound:!1,root:e.target||_.$$.root};f&&f(s.root);let T=!1;if(s.ctx=n?n(t,e.props||{},(c,k,...S)=>{const C=S.length?S[0]:k;return s.ctx&&o(s.ctx[c],s.ctx[c]=C)&&(!s.skip_bound&&s.bound[c]&&s.bound[c](C),T&&rt(t,c)),k}):[],s.update(),T=!0,g(s.before_update),s.fragment=r?r(s.ctx):!1,e.target){if(e.hydrate){const c=G(e.target);s.fragment&&s.fragment.l(c),c.forEach(F)}else s.fragment&&s.fragment.c();e.intro&&I(t.$$.fragment),et(t,e.target,e.anchor),H()}d(_)}class st{constructor(){$(this,"$$");$(this,"$$set")}$destroy(){nt(this,1),this.$destroy=y}$on(e,n){if(!N(n))return y;const r=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return r.push(n),()=>{const o=r.indexOf(n);o!==-1&&r.splice(o,1)}}$set(e){this.$$set&&!R(e)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}const ut="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(ut);function ct(t){let e;const n=t[2].default,r=U(n,t,t[1],null);return{c(){r&&r.c()},m(o,u){r&&r.m(o,u),e=!0},p(o,[u]){r&&r.p&&(!e||u&2)&&z(r,n,o,o[1],e?V(n,o[1],u,null):D(o[1]),null)},i(o){e||(I(r,o),e=!0)},o(o){tt(r,o),e=!1},d(o){r&&r.d(o)}}}function ft(t,e,n){let{$$slots:r={},$$scope:o}=e;const u=Symbol("sxo-theme"),f=w.defaultTheme;return v.setContext(u,f),t.$$set=h=>{"$$scope"in h&&n(1,o=h.$$scope)},[f,o,r]}class it extends st{constructor(e){super(),ot(this,e,ft,ct,L,{theme:0})}get theme(){return this.$$.ctx[0]}}const K=Symbol("sxo-theme");function lt(t=w.defaultTheme){v.setContext(K,t)}function at(){return v.getContext(K)||w.defaultTheme}exports.ThemeProvider=it;exports.setTheme=lt;exports.useTheme=at;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { ThemeContext } from '../../../packages/ui/src';
+export declare function setTheme(theme?: ThemeContext): void;
+export declare function useTheme(): ThemeContext;
+export { default as ThemeProvider } from './ThemeProvider.svelte';

package/dist/index.js

@@ -0,0 +1,308 @@
+var A = Object.defineProperty;
+var B = (t, e, n) => e in t ? A(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var g = (t, e, n) => B(t, typeof e != "symbol" ? e + "" : e, n);
+import { defaultTheme as w } from "@sxo/ui";
+import { setContext as N, getContext as L } from "svelte";
+function y() {
+}
+function R(t, e) {
+  for (const n in e) t[n] = e[n];
+  return (
+    /** @type {T & S} */
+    t
+  );
+}
+function M(t) {
+  return t();
+}
+function C() {
+  return /* @__PURE__ */ Object.create(null);
+}
+function $(t) {
+  t.forEach(M);
+}
+function P(t) {
+  return typeof t == "function";
+}
+function U(t, e) {
+  return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function";
+}
+function V(t) {
+  return Object.keys(t).length === 0;
+}
+function q(t, e, n, r) {
+  if (t) {
+    const o = H(t, e, n, r);
+    return t[0](o);
+  }
+}
+function H(t, e, n, r) {
+  return t[1] && r ? R(n.ctx.slice(), t[1](r(e))) : n.ctx;
+}
+function z(t, e, n, r) {
+  return t[2], e.dirty;
+}
+function D(t, e, n, r, o, u) {
+  if (o) {
+    const c = H(e, n, r, u);
+    t.p(c, o);
+  }
+}
+function F(t) {
+  if (t.ctx.length > 32) {
+    const e = [], n = t.ctx.length / 32;
+    for (let r = 0; r < n; r++)
+      e[r] = -1;
+    return e;
+  }
+  return -1;
+}
+function G(t) {
+  t.parentNode && t.parentNode.removeChild(t);
+}
+function J(t) {
+  return Array.from(t.childNodes);
+}
+let E;
+function d(t) {
+  E = t;
+}
+const l = [], O = [];
+let a = [];
+const j = [], Q = /* @__PURE__ */ Promise.resolve();
+let x = !1;
+function W() {
+  x || (x = !0, Q.then(I));
+}
+function b(t) {
+  a.push(t);
+}
+const p = /* @__PURE__ */ new Set();
+let i = 0;
+function I() {
+  if (i !== 0)
+    return;
+  const t = E;
+  do {
+    try {
+      for (; i < l.length; ) {
+        const e = l[i];
+        i++, d(e), X(e.$$);
+      }
+    } catch (e) {
+      throw l.length = 0, i = 0, e;
+    }
+    for (d(null), l.length = 0, i = 0; O.length; ) O.pop()();
+    for (let e = 0; e < a.length; e += 1) {
+      const n = a[e];
+      p.has(n) || (p.add(n), n());
+    }
+    a.length = 0;
+  } while (l.length);
+  for (; j.length; )
+    j.pop()();
+  x = !1, p.clear(), d(t);
+}
+function X(t) {
+  if (t.fragment !== null) {
+    t.update(), $(t.before_update);
+    const e = t.dirty;
+    t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, e), t.after_update.forEach(b);
+  }
+}
+function Z(t) {
+  const e = [], n = [];
+  a.forEach((r) => t.indexOf(r) === -1 ? e.push(r) : n.push(r)), n.forEach((r) => r()), a = e;
+}
+const m = /* @__PURE__ */ new Set();
+let tt;
+function K(t, e) {
+  t && t.i && (m.delete(t), t.i(e));
+}
+function et(t, e, n, r) {
+  if (t && t.o) {
+    if (m.has(t)) return;
+    m.add(t), tt.c.push(() => {
+      m.delete(t);
+    }), t.o(e);
+  }
+}
+function nt(t, e, n) {
+  const { fragment: r, after_update: o } = t.$$;
+  r && r.m(e, n), b(() => {
+    const u = t.$$.on_mount.map(M).filter(P);
+    t.$$.on_destroy ? t.$$.on_destroy.push(...u) : $(u), t.$$.on_mount = [];
+  }), o.forEach(b);
+}
+function rt(t, e) {
+  const n = t.$$;
+  n.fragment !== null && (Z(n.after_update), $(n.on_destroy), n.fragment && n.fragment.d(e), n.on_destroy = n.fragment = null, n.ctx = []);
+}
+function ot(t, e) {
+  t.$$.dirty[0] === -1 && (l.push(t), W(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31;
+}
+function st(t, e, n, r, o, u, c = null, _ = [-1]) {
+  const h = E;
+  d(t);
+  const s = t.$$ = {
+    fragment: null,
+    ctx: [],
+    // state
+    props: u,
+    update: y,
+    not_equal: o,
+    bound: C(),
+    // lifecycle
+    on_mount: [],
+    on_destroy: [],
+    on_disconnect: [],
+    before_update: [],
+    after_update: [],
+    context: new Map(e.context || (h ? h.$$.context : [])),
+    // everything else
+    callbacks: C(),
+    dirty: _,
+    skip_bound: !1,
+    root: e.target || h.$$.root
+  };
+  c && c(s.root);
+  let v = !1;
+  if (s.ctx = n ? n(t, e.props || {}, (f, k, ...S) => {
+    const T = S.length ? S[0] : k;
+    return s.ctx && o(s.ctx[f], s.ctx[f] = T) && (!s.skip_bound && s.bound[f] && s.bound[f](T), v && ot(t, f)), k;
+  }) : [], s.update(), v = !0, $(s.before_update), s.fragment = r ? r(s.ctx) : !1, e.target) {
+    if (e.hydrate) {
+      const f = J(e.target);
+      s.fragment && s.fragment.l(f), f.forEach(G);
+    } else
+      s.fragment && s.fragment.c();
+    e.intro && K(t.$$.fragment), nt(t, e.target, e.anchor), I();
+  }
+  d(h);
+}
+class ut {
+  constructor() {
+    /**
+     * ### PRIVATE API
+     *
+     * Do not use, may change at any time
+     *
+     * @type {any}
+     */
+    g(this, "$$");
+    /**
+     * ### PRIVATE API
+     *
+     * Do not use, may change at any time
+     *
+     * @type {any}
+     */
+    g(this, "$$set");
+  }
+  /** @returns {void} */
+  $destroy() {
+    rt(this, 1), this.$destroy = y;
+  }
+  /**
+   * @template {Extract<keyof Events, string>} K
+   * @param {K} type
+   * @param {((e: Events[K]) => void) | null | undefined} callback
+   * @returns {() => void}
+   */
+  $on(e, n) {
+    if (!P(n))
+      return y;
+    const r = this.$$.callbacks[e] || (this.$$.callbacks[e] = []);
+    return r.push(n), () => {
+      const o = r.indexOf(n);
+      o !== -1 && r.splice(o, 1);
+    };
+  }
+  /**
+   * @param {Partial<Props>} props
+   * @returns {void}
+   */
+  $set(e) {
+    this.$$set && !V(e) && (this.$$.skip_bound = !0, this.$$set(e), this.$$.skip_bound = !1);
+  }
+}
+const ft = "4";
+typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add(ft);
+function ct(t) {
+  let e;
+  const n = (
+    /*#slots*/
+    t[2].default
+  ), r = q(
+    n,
+    t,
+    /*$$scope*/
+    t[1],
+    null
+  );
+  return {
+    c() {
+      r && r.c();
+    },
+    m(o, u) {
+      r && r.m(o, u), e = !0;
+    },
+    p(o, [u]) {
+      r && r.p && (!e || u & /*$$scope*/
+      2) && D(
+        r,
+        n,
+        o,
+        /*$$scope*/
+        o[1],
+        e ? z(
+          n,
+          /*$$scope*/
+          o[1],
+          u,
+          null
+        ) : F(
+          /*$$scope*/
+          o[1]
+        ),
+        null
+      );
+    },
+    i(o) {
+      e || (K(r, o), e = !0);
+    },
+    o(o) {
+      et(r, o), e = !1;
+    },
+    d(o) {
+      r && r.d(o);
+    }
+  };
+}
+function it(t, e, n) {
+  let { $$slots: r = {}, $$scope: o } = e;
+  const u = Symbol("sxo-theme"), c = w;
+  return N(u, c), t.$$set = (_) => {
+    "$$scope" in _ && n(1, o = _.$$scope);
+  }, [c, o, r];
+}
+class _t extends ut {
+  constructor(e) {
+    super(), st(this, e, it, ct, U, { theme: 0 });
+  }
+  get theme() {
+    return this.$$.ctx[0];
+  }
+}
+const Y = Symbol("sxo-theme");
+function ht(t = w) {
+  N(Y, t);
+}
+function mt() {
+  return L(Y) || w;
+}
+export {
+  _t as ThemeProvider,
+  ht as setTheme,
+  mt as useTheme
+};

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "svelte-sxo",
+  "version": "0.0.0",
+  "description": "Svelte adaptor for SXO Design System.",
+  "keywords": [
+    "sxo",
+    "design-system",
+    "ui",
+    "components",
+    "svelte"
+  ],
+  "license": "MIT",
+  "author": "sxo team",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@sxo/ui": "0.0.0"
+  },
+  "peerDependencies": {
+    "svelte": "^4.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/doki-land/sxo-engine.git",
+    "directory": "adaptors/svelte-sxo"
+  },
+  "bugs": {
+    "url": "https://github.com/doki-land/sxo-engine/issues"
+  },
+  "homepage": "https://github.com/doki-land/sxo-engine/tree/main/adaptors/svelte-sxo#readme",
+  "svelte": "./dist/index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "svelte": "^4.2.20",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^4.0.0"
+  },
+  "type": "module",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch"
+  }
+}