yuang-framework-ui-pc 1.1.33 → 1.1.34

package/lib/ele-test/index.cjs

@@ -0,0 +1,17 @@
+"use strict";
+const vue = require("vue");
+const _sfc_main = vue.defineComponent({
+  name: "EleTest"
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", null, "测试");
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-test/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/ele-test/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 文本主题变量 */
+@mixin set-text-var($var) {
+  .ele-text {
+    @include set-ele-var('test', $var);
+  }
+}

package/lib/ele-test/style/index.cjs

@@ -0,0 +1,3 @@
+"use strict";
+require("element-plus/es/components/icon/style/index");
+require("./index.scss");

package/lib/ele-test/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-test/style/index.scss

@@ -0,0 +1,100 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-text-var($ele);
+
+.yu-test {
+  color: elVar('text-color', 'regular');
+  font-size: elVar('font-size', 'base');
+  box-sizing: border-box;
+
+  /* 类型 */
+  &.is-heading {
+    color: elVar('text-color', 'primary');
+    font-weight: eleVar('text', 'heading-weight');
+  }
+
+  &.is-secondary {
+    color: elVar('text-color', 'secondary');
+  }
+
+  &.is-placeholder {
+    color: elVar('text-color', 'placeholder');
+  }
+
+  &.is-primary {
+    color: elVar('color-primary');
+  }
+
+  &.is-success {
+    color: elVar('color-success');
+  }
+
+  &.is-warning {
+    color: elVar('color-warning');
+  }
+
+  &.is-danger {
+    color: elVar('color-danger');
+  }
+
+  &.is-info {
+    color: elVar('color-info');
+  }
+
+  /* 尺寸 */
+  &.is-xs {
+    font-size: elVar('font-size', 'extra-small');
+  }
+
+  &.is-sm {
+    font-size: elVar('font-size', 'small');
+  }
+
+  &.is-md {
+    font-size: elVar('font-size', 'medium');
+  }
+
+  &.is-lg {
+    font-size: elVar('font-size', 'large');
+  }
+
+  &.is-xl {
+    font-size: elVar('font-size', 'extra-large');
+  }
+
+  &.is-xxl {
+    font-size: eleVar('text', 'xxl');
+  }
+
+  &.is-xxxl {
+    font-size: eleVar('text', 'xxxl');
+  }
+
+  /* 其它 */
+  &.is-delete {
+    text-decoration: line-through;
+  }
+
+  &.is-underline {
+    text-decoration: underline;
+
+    &.is-delete {
+      text-decoration: line-through underline;
+    }
+  }
+
+  &.is-strong {
+    font-weight: bold;
+  }
+
+  &.is-italic {
+    font-style: italic;
+  }
+
+  /* 图标 */
+  &.is-icon > .el-icon {
+    vertical-align: -2px;
+  }
+}

package/lib/style/plus.scss

@@ -22,8 +22,6 @@
 @use '../ele-loading/style/index.scss' as loading;
 @use '../ele-map-picker/style/index.scss' as mapPicker;
 @use '../ele-menus/style/index.scss' as menus;
-// temp
-@use '../ele-dialog/style/index.scss' as modal;
 @use '../ele-dialog/style/index.scss' as dialog;
 @use '../ele-page/style/index.scss' as page;
 @use '../ele-pagination/style/index.scss' as pagination;

package/lib/yu-test/index.cjs

@@ -0,0 +1,17 @@
+"use strict";
+const vue = require("vue");
+const _sfc_main = vue.defineComponent({
+  name: "YuTest"
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", null, "测试");
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/yu-test/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/yu-test/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 文本主题变量 */
+@mixin set-text-var($var) {
+  .ele-text {
+    @include set-ele-var('test', $var);
+  }
+}

package/lib/yu-test/style/index.cjs

@@ -0,0 +1,3 @@
+"use strict";
+require("element-plus/es/components/icon/style/index");
+require("./index.scss");

package/lib/yu-test/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/yu-test/style/index.scss

@@ -0,0 +1,100 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-text-var($ele);
+
+.yu-test {
+  color: elVar('text-color', 'regular');
+  font-size: elVar('font-size', 'base');
+  box-sizing: border-box;
+
+  /* 类型 */
+  &.is-heading {
+    color: elVar('text-color', 'primary');
+    font-weight: eleVar('text', 'heading-weight');
+  }
+
+  &.is-secondary {
+    color: elVar('text-color', 'secondary');
+  }
+
+  &.is-placeholder {
+    color: elVar('text-color', 'placeholder');
+  }
+
+  &.is-primary {
+    color: elVar('color-primary');
+  }
+
+  &.is-success {
+    color: elVar('color-success');
+  }
+
+  &.is-warning {
+    color: elVar('color-warning');
+  }
+
+  &.is-danger {
+    color: elVar('color-danger');
+  }
+
+  &.is-info {
+    color: elVar('color-info');
+  }
+
+  /* 尺寸 */
+  &.is-xs {
+    font-size: elVar('font-size', 'extra-small');
+  }
+
+  &.is-sm {
+    font-size: elVar('font-size', 'small');
+  }
+
+  &.is-md {
+    font-size: elVar('font-size', 'medium');
+  }
+
+  &.is-lg {
+    font-size: elVar('font-size', 'large');
+  }
+
+  &.is-xl {
+    font-size: elVar('font-size', 'extra-large');
+  }
+
+  &.is-xxl {
+    font-size: eleVar('text', 'xxl');
+  }
+
+  &.is-xxxl {
+    font-size: eleVar('text', 'xxxl');
+  }
+
+  /* 其它 */
+  &.is-delete {
+    text-decoration: line-through;
+  }
+
+  &.is-underline {
+    text-decoration: underline;
+
+    &.is-delete {
+      text-decoration: line-through underline;
+    }
+  }
+
+  &.is-strong {
+    font-weight: bold;
+  }
+
+  &.is-italic {
+    font-style: italic;
+  }
+
+  /* 图标 */
+  &.is-icon > .el-icon {
+    vertical-align: -2px;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuang-framework-ui-pc",
-  "version": "1.1.33",
+  "version": "1.1.34",
   "type": "module",
   "scripts": {
     "dev": "vite --host --config vite.global.ts --mode dev",

package/typings/global.d.ts

@@ -49,6 +49,7 @@ declare module '@vue/runtime-core' {
     EleTable: (typeof import('yuang-framework-ui-pc'))['EleTable'];
     EleTableSelect: (typeof import('yuang-framework-ui-pc'))['EleTableSelect'];
     EleTabs: (typeof import('yuang-framework-ui-pc'))['EleTabs'];
+    EleTest: (typeof import('yuang-framework-ui-pc'))['EleTest'];
     EleText: (typeof import('yuang-framework-ui-pc'))['EleText'];
     EleTool: (typeof import('yuang-framework-ui-pc'))['EleTool'];
     EleToolbar: (typeof import('yuang-framework-ui-pc'))['EleToolbar'];