@tuya-sat/sdf-main-sdk 0.0.1-beta.1

package/.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "i18n-ally.localesPaths": [
+        "src/lang"
+    ]
+}

package/README.md

@@ -0,0 +1 @@
+# sdf-main-sdk

package/antd.less.overwrite.js

@@ -0,0 +1,56 @@
+module.exports = {
+  light: {
+    '@main-menu-item-selected-color': '@text-color',
+    '@main-menu-item-selected-color-hover': '@menu-highlight-color',
+    '@main-menu-background-color': '@component-background',
+    '@main-layout-background-color': '@item-hover-bg',
+    '@mani-menu-collapsed-background': '@component-background',
+    // 分组下 标题背景
+    '@main-menu-collapsed-title-background': '@component-background',
+    // 分组下 hover背景
+    '@mani-menu-collapsed-item': '@item-hover-bg',
+    '@main-app-setting-top': '#eef0f3',
+    '@main-app-layout-header-bottom': '@item-hover-bg',
+    '@layout-header-background': '#fff',
+  },
+  dark: {
+    '@pageBgc': '#1e273e',
+    '@cardBgc': '#2c364f',
+    '@navBgc': '#303b53',
+    '@splitBgc': 'rgba(255, 255, 255, 0.12)',
+    '@borderBgc': 'rgba(255, 255, 255, 0.06)',
+    '@selectBgc': 'rgba(24, 144, 255, 0.2); // select选择框边框',
+    '@select-border-color': 'rgba(255, 255, 255, 0.2)',
+    '@table-bg': '@navBgc',
+    '@table-header-bg': '#2c364f',
+    // @table-border-color:rgba (255, 255, 255, 0.06);
+    // 表格边框色
+    '@border-color-split': 'rgba(255, 255, 255, 0.06)',
+    '@checkbox-color': 'rgba(255, 255, 255, 0.06)',
+    // checkbox 边框色
+    '@border-color-base': 'rgba(255, 255, 255, 0.2)',
+    // 表格hover色
+    '@table-row-hover-bg': '#232e48',
+    '@component-background': '#232e48',
+    '@main-menu-item-selected-color': 'rgba(255, 255, 255, 0.65)',
+    '@main-menu-item-selected-color-hover': 'rgb(255, 255, 255)',
+    '@main-menu-background-color': '@navBgc',
+    // 分组下 标题背景
+    '@main-menu-collapsed-title-background': '@navBgc',
+    // 分组下 hover背景
+    '@mani-menu-collapsed-item': '@selectBgc',
+    '@main-app-setting-top': '@splitBgc',
+    '@main-app-layout-header-bottom': 'rgba(0, 0, 0, 0)',
+    '@popover-bg': '@navBgc',
+    '@layout-header-background': '@cardBgc',
+    '@menu-item-active-bg': '@primary-color',
+    // 菜单栏
+    '@layout-sider-background': '@navBgc',
+    // 分组下 菜单背景
+    '@mani-menu-collapsed-background': '@navBgc',
+    '@layout-header-background': '@cardBgc',
+    '@select-dropdown-bg': '@navBgc',
+    '@select-item-selected-bg': '@primary-color',
+    '@body-background': '@pageBgc',
+  },
+};

package/color.js

@@ -0,0 +1,140 @@
+/* eslint-disable */
+const fs = require('fs');
+const less = require('less');
+const postcss = require('postcss');
+const extractor = require('css-color-extractor');
+
+const colorAndCssVariableOnly = postcss.plugin(
+  'extract css variable and color',
+  function (options) {
+    function transformProperty(decl, colors) {
+      var propertyTransformers = {
+        background: 'background-color',
+        border: 'border-color',
+        'border-top': 'border-top-color',
+        'border-right': 'border-right-color',
+        'border-bottom': 'border-bottom-color',
+        'border-left': 'border-left-color',
+        outline: 'outline-color',
+      };
+
+      if (typeof propertyTransformers[decl.prop] === 'undefined') {
+        return;
+      }
+
+      if (colors.length === 1) {
+        decl.prop = propertyTransformers[decl.prop];
+        decl.value = colors[0];
+      }
+    }
+
+    function processDecl(decl) {
+      const propsContainVariable = /var\([^)]+?\)/;
+      const VARIABLE_REGEX = /^--/;
+      if (VARIABLE_REGEX.test(decl.prop) && decl.parent.selector !== 'html') {
+        return;
+      }
+      if (propsContainVariable.test(decl.value)) {
+        return;
+      }
+      var colors = extractor.fromDecl(decl, options);
+      if (colors.length === 0) {
+        decl.remove();
+      } else {
+        transformProperty(decl, colors);
+      }
+    }
+
+    function processRule(rule) {
+      rule.each(processDecl);
+
+      if (rule.nodes.length === 0) {
+        rule.remove();
+      }
+    }
+
+    function processAtrule(atrule) {
+      switch (atrule.name) {
+        case 'media':
+          atrule.each(processNode);
+
+          if (atrule.nodes.length === 0) {
+            atrule.remove();
+          }
+
+          break;
+        // @TODO deal with other types of atrules
+        default:
+          atrule.remove();
+          break;
+      }
+    }
+
+    function processNode(node) {
+      switch (node.type) {
+        case 'atrule':
+          processAtrule(node);
+          break;
+        case 'rule':
+          processRule(node);
+          break;
+        default:
+          node.remove();
+          break;
+      }
+    }
+
+    return function (css) {
+      css.each(processNode);
+    };
+  },
+);
+
+class HandleImport extends less.FileManager {
+  async loadFile(filename, currentDirectory, options, environment) {
+    if (filename.startsWith('~')) {
+      return super.loadFile(
+        filename.replace('~', ''),
+        currentDirectory,
+        options,
+        environment,
+      );
+    }
+    return super.loadFile(filename, currentDirectory, options, environment);
+  }
+}
+
+function createHandleImportPlugin() {
+  return {
+    install(lessInstance, pluginManager) {
+      pluginManager.addFileManager(new HandleImport());
+    },
+    minVersion: [3, 0, 0],
+  };
+}
+
+const lessFile = require.resolve('./src/App.less');
+
+less
+  .render(fs.readFileSync(lessFile, 'utf-8'), {
+    filename: lessFile,
+    javascriptEnabled: true,
+    modifyVars: {
+      'ant-prefix': 'main',
+      'use-dark-compiler': 'true',
+    },
+    plugins: [createHandleImportPlugin()],
+  })
+  .then(({ css }) => {
+    return postcss()
+      .use(
+        colorAndCssVariableOnly({
+          withoutGrey: false,
+          withoutMonochrome: false,
+        }),
+      )
+      .process(css).css;
+  })
+  .then((content) => {
+    fs.writeFileSync('./public/static/dark.css', content);
+  });