@gct-paas/scss 0.1.6-dev.2 → 0.1.6-dev.21

package/dist/index.esm.min.js

@@ -1 +1,2 @@
-function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e,r,n,s){let o=`${t}-${e}`;return r&&(o+=`-${r}`),n&&(o+=`__${n}`),s&&(o+=`--${s}`),o}var r=class{constructor(e,r){var n,s,o;n=this,o=void 0,(s=function(e){var r=function(e){if("object"!=t(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==t(r)?r:r+""}(s="namespace"))in n?Object.defineProperty(n,s,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[s]=o,this.block=e,this.namespace=r||"gct"}b(t=""){return e(this.namespace,this.block,t,"","")}e(t){return t?e(this.namespace,this.block,"",t,""):""}m(t){return t?e(this.namespace,this.block,"","",t):""}be(t,r){return t&&r?e(this.namespace,this.block,t,r,""):""}em(t,r){return t&&r?e(this.namespace,this.block,"",t,r):""}bm(t,r){return t&&r?e(this.namespace,this.block,t,"",r):""}bem(t,r,n){return t&&r&&n?e(this.namespace,this.block,t,r,n):""}is(t,e){return t&&e?`is-${t}`:""}cssVar(t){const e={};for(const r in t)t[r]&&(e[this.cssVarName(r)]=t[r]);return e}cssVarBlock(t){const e={};for(const r in t)t[r]&&(e[this.cssVarBlockName(r)]=t[r]);return e}cssVarName(t){return`--${this.namespace}-${t}`}cssVarBlockName(t){return`--${this.namespace}-${this.block}-${t}`}};export{r as Namespace};
+/*! @gct-paas/scss v0.1.6-dev.21 */
+function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(e,r,n){return(r=function(e){var r=function(e){if("object"!=t(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==t(r)?r:r+""}(r))in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function r(t,e,r,n,o){let s=`${t}-${e}`;return r&&(s+=`-${r}`),n&&(s+=`__${n}`),o&&(s+=`--${o}`),s}var n=class{constructor(t,r){e(this,"block",void 0),e(this,"namespace",void 0),this.block=t,this.namespace=r||"gct"}b(t=""){return r(this.namespace,this.block,t,"","")}e(t){return t?r(this.namespace,this.block,"",t,""):""}m(t){return t?r(this.namespace,this.block,"","",t):""}be(t,e){return t&&e?r(this.namespace,this.block,t,e,""):""}em(t,e){return t&&e?r(this.namespace,this.block,"",t,e):""}bm(t,e){return t&&e?r(this.namespace,this.block,t,"",e):""}bem(t,e,n){return t&&e&&n?r(this.namespace,this.block,t,e,n):""}is(t,e){return t&&e?`is-${t}`:""}cssVar(t){const e={};for(const r in t)t[r]&&(e[this.cssVarName(r)]=t[r]);return e}cssVarBlock(t){const e={};for(const r in t)t[r]&&(e[this.cssVarBlockName(r)]=t[r]);return e}cssVarName(t){return`--${this.namespace}-${t}`}cssVarBlockName(t){return`--${this.namespace}-${this.block}-${t}`}};function o(t){return new n(t)}export{n as Namespace,o as useNamespace};

package/es/index.mjs

@@ -1,2 +1,2 @@
-import { Namespace } from "./utils/namespace/namespace.mjs";
-export { Namespace };
+import { Namespace, useNamespace } from "./utils/namespace/namespace.mjs";
+export { Namespace, useNamespace };

package/es/utils/index.d.ts

@@ -1 +1 @@
-export { Namespace } from './namespace/namespace';
+export { Namespace, useNamespace } from './namespace/namespace';

package/es/utils/namespace/namespace.d.ts

@@ -115,3 +115,11 @@ export declare class Namespace {
      */
     cssVarBlockName(name: string): string;
 }
+/**
+ * 获取 bem 操作类
+ *
+ * @export
+ * @param {string} block
+ * @return {*}  {Namespace}
+ */
+export declare function useNamespace(block: string): Namespace;

package/es/utils/namespace/namespace.mjs

@@ -28,6 +28,7 @@ function _bem(namespace, block, blockSuffix, element, modifier) {
 * @class Namespace
 */
 var Namespace = class {
+	block;
 	/**
 	* 命名空间
 	*
@@ -167,5 +168,15 @@ var Namespace = class {
 		return `--${this.namespace}-${this.block}-${name}`;
 	}
 };
+/**
+* 获取 bem 操作类
+*
+* @export
+* @param {string} block
+* @return {*}  {Namespace}
+*/
+function useNamespace(block) {
+	return new Namespace(block);
+}
 //#endregion
-export { Namespace };
+export { Namespace, useNamespace };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/scss",
-  "version": "0.1.6-dev.2",
+  "version": "0.1.6-dev.21",
   "type": "module",
   "loader": "dist/index.esm.min.js",
   "description": "paas 平台样式框架包",

package/style/generic/index.scss

@@ -1,3 +1,3 @@
 /** 重置标准化样式、框大小定义等，例如 normalize.css、reset.css **/
-@forward './ant-design-vue';
 @forward './reset';
+@forward './vant';

package/style/generic/vant.scss

@@ -0,0 +1,14 @@
+:root {
+  --van-button-primary-color: var(--van-white);
+  --van-button-primary-background: var(--gct-color-primary);
+  --van-primary-color: var(--gct-color-primary);
+  --van-radio-checked-icon-color: var(--gct-color-primary);
+  --van-checkbox-checked-icon-color: var(--gct-color-primary);
+  --van-switch-on-background: var(--gct-color-primary);
+}
+
+.van-cell {
+  --van-cell-background: transparent;
+  --van-cell-group-background: transparent;
+  --van-cell-horizontal-padding: 0;
+}

package/style/theme/dark/dark-theme.scss

@@ -1,6 +1,6 @@
 @use '../../global.scss' as *;
 
-:root.dark, .dark-theme {
+.dark, .dark-theme {
   // 主色
   #{getCssVarName(blue, 1)}: 246, 248, 254;
   #{getCssVarName(blue, 2)}: 236, 242, 253;

package/style/theme/light/light-theme.scss

@@ -1,6 +1,6 @@
 @use '../../global.scss' as *;
 
-:root.light, .light-theme {
+.light, .light-theme {
   #{getCssVarName(color, white)}: white;
   #{getCssVarName(color, black)}: black;
 

package/style/generic/ant-design-vue.scss

@@ -1,302 +0,0 @@
-// 用于重置覆盖 ant-design-vue 的样式
-:root.light {
-  --ant-primary-color: var(--gct-color-primary);
-  --ant-primary-color-hover: var(--gct-color-primary-hover);
-  --ant-primary-color-active: var(--gct-color-primary-active);
-}
-
-
-input:-webkit-autofill {
-  box-shadow: 0 0 0 1000px white inset !important;
-}
-
-:-webkit-autofill {
-  transition: background-color 5000s ease-in-out 0s !important;
-}
-
-html {
-  overflow: hidden;
-  text-size-adjust: 100%;
-}
-
-html,
-body {
-  width: 100%;
-  height: 100%;
-  overflow: visible;
-  overflow-x: hidden;
-  overscroll-behavior: none;
-
-  // overflow: hidden;
-
-  &.color-weak {
-    filter: invert(80%);
-  }
-
-  &.gray-mode {
-    filter: grayscale(100%);
-    filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
-  }
-
-  .copy-main {
-    box-sizing: border-box;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    word-break: break-all; /* 任意字符处都可换行（包括单词中间） */
-    overflow-wrap: break-word; /* 允许在单词内换行 */
-    outline: none;
-    background-color: #fff;
-
-    // display: table;
-    border: 1px dashed #e8ebf0;
-
-    .copy-rich-text {
-      box-sizing: border-box;
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-      word-break: break-all; /* 任意字符处都可换行（包括单词中间） */
-      overflow-wrap: break-word; /* 允许在单词内换行 */
-
-      span {
-        line-height: 1;
-      }
-
-      p {
-        margin-bottom: 12px;
-        font-size: 12px;
-      }
-    }
-  }
-}
-
-#app {
-  overflow: auto;
-
-  & > *:not(.is-empty-page) {
-    min-width: 1280px;
-  }
-}
-
-a:focus,
-a:active,
-button,
-div,
-svg,
-/* stylelint-disable-next-line no-descending-specificity */
-span {
-  outline: none;
-}
-
-.primary-gct {
-  color: #{getCssVar(color-primary)} !important;
-}
-
-.warning-gct {
-  color: #{getCssVar(color-warning)} !important;
-}
-
-.error-gct {
-  color: #{getCssVar(color-error)} !important;
-}
-
-.success-gct {
-  color: #{getCssVar(color-success)} !important;
-}
-
-.primary-gct-hover:hover {
-  color: #{getCssVar(color-primary)} !important;
-}
-
-.warning-gct-hover:hover {
-  color: #{getCssVar(color-warning)} !important;
-}
-
-.error-gct-hover:hover {
-  color: #{getCssVar(color-error)} !important;
-}
-
-.success-gct-hover:hover {
-  color: #{getCssVar(color-success)} !important;
-}
-
-.box-full {
-  width: 100%;
-  height: 100%;
-}
-
-.gct-divider__vertical {
-  display: inline-block;
-  height: var(--size, 14px);
-  margin-right: var(--space-r, 12px);
-  margin-left: var(--space-l, 12px);
-  border-left: 1px solid var(--color, #eaeaea);
-}
-
-// css描述 覆盖antd样式
-// tab组件左上方间距
-.ant-tabs.--tl-space {
-  .ant-tabs-nav {
-    padding-left: 24px;
-  }
-}
-
-// //拖拽样式
-.drawing-chosen {
-  background-color: rgb(13 170 156 / 10%) !important;
-}
-
-.simple-upload-model.ant-modal {
-  .ant-modal-header {
-    padding-right: 50px;
-  }
-}
-
-.gct-text-overflow {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  word-break: break-all;
-  white-space: nowrap;
-}
-
-a[danger] {
-  color: var(--ant-error-color);
-}
-
-// textarea关闭resize，数字提示位置调整
-div.ant-input-textarea.ant-input-textarea-show-count {
-  position: relative;
-
-  textarea {
-    resize: none;
-  }
-
-  &.ant-input-textarea-show-count::after {
-    position: absolute;
-    right: 12px;
-    bottom: 1px;
-    margin: 0;
-  }
-}
-
-// 修改组件默认圆角大小
-button.ant-btn,
-span.ant-input-affix-wrapper,
-textarea.ant-input,
-div.ant-input-number,
-div.ant-select:not(.ant-select-customize-input) .ant-select-selector,
-div.ant-picker,
-div.ant-input-number-group-addon {
-  border-radius: 4px;
-}
-
-input.ant-input {
-  border-radius: 0;
-}
-
-.ant-input-group.ant-input-group-compact > .ant-select:first-child > div.ant-select-selector,
-span.ant-input-group.ant-input-group-compact > :first-child,
-span.ant-input-group-addon {
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-
-span.ant-input-group.ant-input-group-compact > :last-child,
-span.ant-input-group-addon:last-child {
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-
-.gct-number-input {
-  &.ant-input-number {
-    border-right-width: 0;
-
-    &:hover {
-      border-right-width: 1px;
-    }
-  }
-
-  .ant-input-number-group-addon {
-    font-size: 14px;
-    background-color: #fff;
-  }
-}
-
-.gct-edhr-table {
-  .ant-spin-nested-loading > div > .ant-spin {
-    max-height: 100%;
-  }
-}
-
-.gct-edhr-auto-size-table {
-  position: relative;
-  height: 100%;
-  overflow: hidden;
-
-  .ant-spin-nested-loading {
-    position: absolute;
-    inset: 0;
-    height: 100%;
-    overflow: hidden;
-
-    .ant-spin-container {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-
-      .ant-table {
-        flex: 1;
-        overflow: hidden;
-      }
-
-      .ant-table-container {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-        overflow: hidden;
-
-        .ant-table-body {
-          flex: 1;
-
-          // overflow: auto !important;
-        }
-      }
-    }
-  }
-}
-
-.gct-edhr-pagination {
-  .ant-pagination.ant-table-pagination {
-    margin-bottom: 0;
-  }
-}
-
-/* stylelint-disable-next-line no-descending-specificity */
-.ant-table {
-  color: #212528;
-}
-
-.gct-border-dashed {
-  border: 2px dashed #dbdbdb;
-}
-
-// 无界应用内的 vue-devtools 容器隐藏
-.wujie-sub-app {
-  /* stylelint-disable-next-line selector-id-pattern */
-  #__vue-devtools-container__ {
-    display: none !important;
-  }
-}
-
-.ant-radio {
-  .ant-radio-inner {
-    border-color: var(--gct-color-border);
-  }
-}
-
-.is-hidden {
-  display: none !important;
-}