@gct-paas/design-web 0.1.4-dev.6 → 0.1.4-dev.8

package/dist/index.esm.min.mjs

@@ -0,0 +1,33 @@
+import { defineComponent as c, ref as t, openBlock as i, createElementBlock as d, normalizeClass as p, unref as v, createElementVNode as n, toDisplayString as o, createVNode as _, createTextVNode as f } from "vue";
+import { useNamespace as l } from "@gct-paas/core";
+const s = /* @__PURE__ */ c({
+  __name: "test-vue-com",
+  setup(e) {
+    const m = l("test-vue-com"), a = t("Hello World!"), u = t("Hello World2!");
+    return (C, x) => (i(), d("div", {
+      class: p(v(m).b())
+    }, [
+      n("div", null, o(a.value), 1),
+      n("div", null, o(u.value), 1)
+    ], 2));
+  }
+}), r = /* @__PURE__ */ c({
+  name: "TestCom",
+  setup() {
+    return {
+      ns: l("test-com")
+    };
+  },
+  render() {
+    return _("div", {
+      class: this.ns.b()
+    }, [f("TestCom")]);
+  }
+}), g = {
+  install(e) {
+    e.component(r.name, r), e.component(s.name, s);
+  }
+};
+export {
+  g as default
+};

package/dist/index.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";.gct-test-com{background-color:#0ff}

package/dist/index.system.min.js

@@ -1 +1 @@
-System.register(["vue","@gct-paas/core"],(function(v,C){"use strict";var n,s,a,l,i,m,c,o,u,p,r;return{setters:[e=>{n=e.defineComponent,s=e.ref,a=e.createElementBlock,l=e.openBlock,i=e.normalizeClass,m=e.unref,c=e.createElementVNode,o=e.toDisplayString,u=e.createVNode,p=e.createTextVNode},e=>{r=e.useNamespace}],execute:(function(){const e=n({__name:"test-vue-com",setup(t){const d=r("test-vue-com"),N=s("Hello World!"),_=s("Hello World2!");return(V,x)=>(l(),a("div",{class:i(m(d).b())},[c("div",null,o(N.value),1),c("div",null,o(_.value),1)],2))}}),f=n({name:"TestCom",setup(){return{ns:r("test-com")}},render(){return u("div",{class:this.ns.b()},[p("TestCom")])}}),g=v("default",{install(t){t.component(f.name,f),t.component(e.name,e)}})})}}));
+System.register(["vue","@gct-paas/core"],(function(v,C){"use strict";var n,s,a,l,i,m,c,o,u,p,r;return{setters:[e=>{n=e.defineComponent,s=e.ref,a=e.openBlock,l=e.createElementBlock,i=e.normalizeClass,m=e.unref,c=e.createElementVNode,o=e.toDisplayString,u=e.createVNode,p=e.createTextVNode},e=>{r=e.useNamespace}],execute:(function(){const e=n({__name:"test-vue-com",setup(t){const d=r("test-vue-com"),N=s("Hello World!"),_=s("Hello World2!");return(V,x)=>(a(),l("div",{class:i(m(d).b())},[c("div",null,o(N.value),1),c("div",null,o(_.value),1)],2))}}),f=n({name:"TestCom",setup(){return{ns:r("test-com")}},render(){return u("div",{class:this.ns.b()},[p("TestCom")])}}),g=v("default",{install(t){t.component(f.name,f),t.component(e.name,e)}})})}}));

package/es/components/test-com/test-com.css

@@ -0,0 +1,67 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-test-com {
+  background-color: aqua;
+}

package/es/components/test-com/test-com.mjs

@@ -1,12 +1,11 @@
 import { defineComponent, createVNode, createTextVNode } from 'vue';
 import { useNamespace } from '@gct-paas/core';
-import './test-com.scss';
+import './test-com.css';/* empty css               */
 
-"use strict";
 const TestCom = /* @__PURE__ */ defineComponent({
-  name: "TestCom",
+  name: 'TestCom',
   setup() {
-    const ns = useNamespace("test-com");
+    const ns = useNamespace('test-com');
     return {
       ns
     };

package/es/components/test-vue-com/test-vue-com.vue.mjs

@@ -0,0 +1,21 @@
+import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString } from 'vue';
+import { useNamespace } from '@gct-paas/core';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "test-vue-com",
+  setup(__props) {
+    const ns = useNamespace("test-vue-com");
+    const msg = ref("Hello World!");
+    const msg2 = ref("Hello World2!");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        createElementVNode("div", null, toDisplayString(msg.value), 1),
+        createElementVNode("div", null, toDisplayString(msg2.value), 1)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/test-vue-com/test-vue-com.vue2.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './test-vue-com.vue.mjs';
+
+
+
+export { _sfc_main as default };

package/es/index.mjs

@@ -1,12 +1,10 @@
-import './components/index.mjs';
+import _sfc_main from './components/test-vue-com/test-vue-com.vue.mjs';
 import { TestCom } from './components/test-com/test-com.mjs';
-import TestVueCom from './test-vue-com/test-vue-com.vue';
 
-"use strict";
-var index = {
+const index = {
   install(app) {
     app.component(TestCom.name, TestCom);
-    app.component(TestVueCom.name, TestVueCom);
+    app.component(_sfc_main.name, _sfc_main);
   }
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/design-web",
-  "version": "0.1.4-dev.6",
+  "version": "0.1.4-dev.8",
   "type": "module",
   "description": "paas 平台设计界面移动端底包",
   "main": "dist/index.min.cjs",
@@ -31,8 +31,9 @@
   "license": "MIT",
   "author": "gct",
   "scripts": {
-    "dev": "rollup -c -w --environment=NODE_ENV:development",
-    "build": "npm run lint && rollup -c --environment=NODE_ENV:production && vite build --mode production --config vite.config.ts",
+    "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",
+    "es:build": "vite build --config vite.dev.config.ts",
+    "build": "npm run lint && vite build --config vite.dev.config.ts && vite build --config vite.config.ts",
     "lint": "eslint src/",
     "publish:next": "npm run build && npm publish --access public --tag=next --registry=https://registry.npmjs.org/",
     "publish:dev": "npm run build && npm publish --access public --tag=dev --registry=https://registry.npmjs.org/",
@@ -41,16 +42,15 @@
     "publish:npm": "npm run build && npm publish --access public --registry=https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@gct-paas/build": "0.1.4-dev.6",
-    "@gct-paas/core": "0.1.4-dev.6",
-    "@gct-paas/core-web": "0.1.4-dev.6",
-    "@gct-paas/design": "0.1.4-dev.6",
-    "@gct-paas/scss": "0.1.4-dev.6",
-    "@gct-paas/web": "0.1.4-dev.6",
-    "vue": "^3.5.13"
+    "@gct-paas/core": "0.1.4-dev.8",
+    "@gct-paas/core-web": "0.1.4-dev.8",
+    "@gct-paas/design": "0.1.4-dev.8",
+    "@gct-paas/scss": "0.1.4-dev.8",
+    "vue": "^3.5.27"
   },
   "devDependencies": {
-    "sass": "^1.85.1"
+    "@gct-paas/build": "^0.1.5-dev.6",
+    "sass": "^1.97.3"
   },
-  "gitHead": "89142a76f256070c57ff8a6dcf062eba397f797a"
+  "gitHead": "bf7f4f9672c3906ec834e6d58b999ce78f7cad08"
 }

package/dist/design-web.css

@@ -1 +0,0 @@
-.gct-test-com{background-color:#0ff}

package/es/components/index.mjs

@@ -1,4 +0,0 @@
-export { default as TestVueCom } from './test-vue-com/test-vue-com.vue';
-export { TestCom } from './test-com/test-com.mjs';
-
-"use strict";

package/es/components/test-com/test-com.scss

@@ -1,3 +0,0 @@
-@include b(test-com) {
-  background-color: aqua;
-}

package/es/components/test-vue-com/test-vue-com.vue

@@ -1,15 +0,0 @@
-<template>
-  <div :class="ns.b()">
-    <div>{{ msg }}</div>
-    <div>{{ msg2 }}</div>
-  </div>
-</template>
-<script setup lang="ts" name="test-vue-com">
-import { useNamespace } from '@gct-paas/core';
-import { ref } from 'vue';
-
-const ns = useNamespace('test-vue-com');
-
-const msg = ref('Hello World!');
-const msg2 = ref('Hello World2!');
-</script>

package/es/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />