@appthen/cli 1.2.8 → 1.2.11

package/tests/test-app/src/pages/back-end/adminRootLayout6.tsx

@@ -0,0 +1,157 @@
+/**
+ * 后台根布局6
+ * @type Page
+ * @screen 1400w
+ * @frames web
+ */
+import React from 'react';
+import { AtIcon, Page, View } from '@appthen/react';
+import { ProConfigProvider, ProLayout } from '@appthen/antd-pro';
+
+
+class IProps {}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {
+  /* 菜单数据 */
+  menu?: any;
+}
+
+class Document extends React.Component<IProps, IState> {
+  state = {};
+
+  /**
+   * 页面加载后执行
+   */
+  componentDidMount() {
+    const globalMenu = this.utils.getGlobalData('ADMIN_MENU');
+    if (globalMenu) {
+      const menu = JSON.parse(JSON.stringify(globalMenu));
+      // 转换图标
+      menu.routes = this.transformMenus(menu.routes);
+      this.setState(
+        {
+          menu,
+        },
+        () => {
+          console.log(
+            111,
+            this.history?.location?.pathname ||
+              this.state.menu?.routes[0]?.routes?.[0]?.path ||
+              this.state.menu?.routes[0]?.path
+          );
+        }
+      );
+    }
+  }
+
+  /**
+   * 菜单转换
+   */
+  transformMenus(routes) {
+    return routes.map(menu => {
+      if (menu.icon && menu.icon.includes('<svg')) {
+        menu.icon = React.createElement('div', {
+          style: {
+            width: '14px',
+            height: '18px',
+            lineHeight: 1,
+          },
+          dangerouslySetInnerHTML: {
+            __html: menu.icon,
+          },
+        });
+      }
+      menu.routes =
+        menu.route?.length > 0 ? this.transformMenus(menu.routes) : [];
+      return menu;
+    });
+  }
+
+  render() {
+    return (
+      <Page>
+        <ProConfigProvider
+          autoClearCache={false}
+          needDeps={false}
+          dark={false}
+          hashed={false}
+        >
+          <ProLayout
+            avatarProps={{
+              src: 'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',
+              size: 'small',
+              title: 'Nickname',
+            }}
+            devops={false}
+            route={this.state.menu}
+            location={{
+              pathname:
+                this.history?.location?.pathname ||
+                this.state.menu?.routes[0]?.routes?.[0]?.path ||
+                this.state.menu?.routes[0]?.path,
+            }}
+            title="后台管理系统"
+            links={[]}
+            menu={{
+              locale: false,
+              defaultOpenAll: false,
+              ignoreFlatMenu: false,
+              loading: false,
+              params: {},
+              type: 'sub',
+            }}
+            siderWidth={280}
+            contentWidth="Fluid"
+            token={{}}
+            layout="mix"
+            content={
+              <View
+                inlineStyle={[
+                  {
+                    enable: this.props.__designMode === 'design',
+                    name: '开发模式',
+                    style: { height: '100%', backgroundColor: '#f5f5f5' },
+                  },
+                ]}
+                __hidePh={true}
+              >
+                {this.props.children}
+              </View>
+            }
+            key={this.state.menu?.routes?.length}
+            _unsafe_MixedSetter_key_select="VariableSetter"
+            contentStyle={{
+              paddingTop: '0px',
+              paddingRight: '0px',
+              paddingBottom: '0px',
+              paddingLeft: '0px',
+            }}
+            onPageChange={location => {
+              if (location?.pathname) {
+                this.history.push(location?.pathname);
+              }
+            }}
+            _unsafe_extendAttr={[{ key: 'splitMenus', value: true }]}
+            splitMenus={true}
+            logo={
+              <View>
+                <AtIcon
+                  color="#5281ff"
+                  size={30}
+                  svg="&#60;svg t=&#34;1754273789163&#34; class=&#34;icon&#34; viewBox=&#34;0 0 1024 1024&#34; version=&#34;1.1&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; p-id=&#34;5352&#34; width=&#34;100%&#34; height=&#34;100%&#34;&#62;&#60;path d=&#34;M832.8 289L543.2 120.6c-19.4-11.4-43.3-11.4-62.4 0L191.2 289c-19.4 11.4-31.2 31.8-31.2 54.6v336.8c0 22.4 11.7 43.2 31.2 54.6l289.6 168.4c19.4 11.4 43.3 11.4 62.4 0L832.8 735c19.4-11.4 31.2-31.8 31.2-54.6V343.2c0-22.4-11.7-43.2-31.2-54.2zM731.5 406.4l-184.3 94.2v218.1c0 19.6-15.8 35.5-35.2 35.5-19.4 0-35.2-15.9-35.2-35.5V500.6l-184.3-94.2c-17.4-9-24.3-30.2-15.4-47.7 8.9-17.5 30-24.5 47.4-15.5L512 439.4l187.9-95.8c17.4-9 38.5-1.6 47.4 15.5 9 17.1 1.7 38.7-15.8 47.3z m0 0&#34; p-id=&#34;5353&#34; fill=&#34;currentColor&#34;/&#62;&#60;/path&#62;&#60;/svg&#62;"
+                />
+              </View>
+            }
+            _unsafe_MixedSetter_logo_select="SlotSetter"
+            className="min-h-screen"
+          />
+        </ProConfigProvider>
+      </Page>
+    );
+  }
+}
+
+export default Document;

package/tests/test-app/src/pages/back-end/adminRootLayout7.tsx

@@ -0,0 +1,157 @@
+/**
+ * 后台根布局7
+ * @type Page
+ * @screen 1400w
+ * @frames web
+ */
+import React from 'react';
+import { AtIcon, Page, View } from '@appthen/react';
+import { ProConfigProvider, ProLayout } from '@appthen/antd-pro';
+
+
+class IProps {}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {
+  /* 菜单数据 */
+  menu?: any;
+}
+
+class Document extends React.Component<IProps, IState> {
+  state = {};
+
+  /**
+   * 页面加载后执行
+   */
+  componentDidMount() {
+    const globalMenu = this.utils.getGlobalData('ADMIN_MENU');
+    if (globalMenu) {
+      const menu = JSON.parse(JSON.stringify(globalMenu));
+      // 转换图标
+      menu.routes = this.transformMenus(menu.routes);
+      this.setState(
+        {
+          menu,
+        },
+        () => {
+          console.log(
+            111,
+            this.history?.location?.pathname ||
+              this.state.menu?.routes[0]?.routes?.[0]?.path ||
+              this.state.menu?.routes[0]?.path
+          );
+        }
+      );
+    }
+  }
+
+  /**
+   * 菜单转换
+   */
+  transformMenus(routes) {
+    return routes.map(menu => {
+      if (menu.icon && menu.icon.includes('<svg')) {
+        menu.icon = React.createElement('div', {
+          style: {
+            width: '14px',
+            height: '14px',
+            lineHeight: 1,
+          },
+          dangerouslySetInnerHTML: {
+            __html: menu.icon,
+          },
+        });
+      }
+      menu.routes =
+        menu.route?.length > 0 ? this.transformMenus(menu.routes) : [];
+      return menu;
+    });
+  }
+
+  render() {
+    return (
+      <Page>
+        <ProConfigProvider
+          autoClearCache={false}
+          needDeps={false}
+          dark={false}
+          hashed={false}
+        >
+          <ProLayout
+            avatarProps={{
+              src: 'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',
+              size: 'small',
+              title: 'Nickname',
+            }}
+            devops={false}
+            route={this.state.menu}
+            location={{
+              pathname:
+                this.history?.location?.pathname ||
+                this.state.menu?.routes[0]?.routes?.[0]?.path ||
+                this.state.menu?.routes[0]?.path,
+            }}
+            title="后台管理系统"
+            links={[]}
+            menu={{
+              locale: false,
+              defaultOpenAll: false,
+              ignoreFlatMenu: false,
+              loading: false,
+              params: {},
+              type: 'sub',
+            }}
+            siderWidth={280}
+            contentWidth="Fluid"
+            token={{}}
+            layout="mix"
+            content={
+              <View
+                inlineStyle={[
+                  {
+                    enable: this.props.__designMode === 'design',
+                    name: '开发模式',
+                    style: { height: '100%', backgroundColor: '#f5f5f5' },
+                  },
+                ]}
+                __hidePh={true}
+              >
+                {this.props.children}
+              </View>
+            }
+            key={this.state.menu?.routes?.length}
+            _unsafe_MixedSetter_key_select="VariableSetter"
+            contentStyle={{
+              paddingTop: '0px',
+              paddingRight: '0px',
+              paddingBottom: '0px',
+              paddingLeft: '0px',
+            }}
+            onPageChange={location => {
+              if (location?.pathname) {
+                this.history.push(location?.pathname);
+              }
+            }}
+            _unsafe_extendAttr={[{ key: 'splitMenus', value: true }]}
+            splitMenus={true}
+            logo={
+              <View>
+                <AtIcon
+                  color="#5281ff"
+                  size={30}
+                  svg="&#60;svg t=&#34;1754273789163&#34; class=&#34;icon&#34; viewBox=&#34;0 0 1024 1024&#34; version=&#34;1.1&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; p-id=&#34;5352&#34; width=&#34;100%&#34; height=&#34;100%&#34;&#62;&#60;path d=&#34;M832.8 289L543.2 120.6c-19.4-11.4-43.3-11.4-62.4 0L191.2 289c-19.4 11.4-31.2 31.8-31.2 54.6v336.8c0 22.4 11.7 43.2 31.2 54.6l289.6 168.4c19.4 11.4 43.3 11.4 62.4 0L832.8 735c19.4-11.4 31.2-31.8 31.2-54.6V343.2c0-22.4-11.7-43.2-31.2-54.2zM731.5 406.4l-184.3 94.2v218.1c0 19.6-15.8 35.5-35.2 35.5-19.4 0-35.2-15.9-35.2-35.5V500.6l-184.3-94.2c-17.4-9-24.3-30.2-15.4-47.7 8.9-17.5 30-24.5 47.4-15.5L512 439.4l187.9-95.8c17.4-9 38.5-1.6 47.4 15.5 9 17.1 1.7 38.7-15.8 47.3z m0 0&#34; p-id=&#34;5353&#34; fill=&#34;currentColor&#34;/&#62;&#60;/path&#62;&#60;/svg&#62;"
+                />
+              </View>
+            }
+            _unsafe_MixedSetter_logo_select="SlotSetter"
+            className="min-h-screen"
+          />
+        </ProConfigProvider>
+      </Page>
+    );
+  }
+}
+
+export default Document;

package/tests/test-app/src/pages/back-end/adminRootLayout8.tsx

@@ -0,0 +1,157 @@
+/**
+ * 后台根布局8
+ * @type Page
+ * @screen 1400w
+ * @frames web
+ */
+import React from 'react';
+import { AtIcon, Page, View } from '@appthen/react';
+import { ProConfigProvider, ProLayout } from '@appthen/antd-pro';
+
+
+class IProps {}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {
+  /* 菜单数据 */
+  menu?: any;
+}
+
+class Document extends React.Component<IProps, IState> {
+  state = {};
+
+  /**
+   * 页面加载后执行
+   */
+  componentDidMount() {
+    const globalMenu = this.utils.getGlobalData('ADMIN_MENU');
+    if (globalMenu) {
+      const menu = JSON.parse(JSON.stringify(globalMenu));
+      // 转换图标
+      menu.routes = this.transformMenus(menu.routes);
+      this.setState(
+        {
+          menu,
+        },
+        () => {
+          console.log(
+            111,
+            this.history?.location?.pathname ||
+              this.state.menu?.routes[0]?.routes?.[0]?.path ||
+              this.state.menu?.routes[0]?.path
+          );
+        }
+      );
+    }
+  }
+
+  /**
+   * 菜单转换
+   */
+  transformMenus(routes) {
+    return routes.map(menu => {
+      if (menu.icon && menu.icon.includes('<svg')) {
+        menu.icon = React.createElement('div', {
+          style: {
+            width: '14px',
+            height: '14px',
+            lineHeight: 1,
+          },
+          dangerouslySetInnerHTML: {
+            __html: menu.icon,
+          },
+        });
+      }
+      menu.routes =
+        menu.route?.length > 0 ? this.transformMenus(menu.routes) : [];
+      return menu;
+    });
+  }
+
+  render() {
+    return (
+      <Page>
+        <ProConfigProvider
+          autoClearCache={false}
+          needDeps={false}
+          dark={false}
+          hashed={false}
+        >
+          <ProLayout
+            avatarProps={{
+              src: 'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',
+              size: 'small',
+              title: 'Nickname',
+            }}
+            devops={false}
+            route={this.state.menu}
+            location={{
+              pathname:
+                this.history?.location?.pathname ||
+                this.state.menu?.routes[0]?.routes?.[0]?.path ||
+                this.state.menu?.routes[0]?.path,
+            }}
+            title="后台管理系统"
+            links={[]}
+            menu={{
+              locale: false,
+              defaultOpenAll: false,
+              ignoreFlatMenu: false,
+              loading: false,
+              params: {},
+              type: 'sub',
+            }}
+            siderWidth={280}
+            contentWidth="Fluid"
+            token={{}}
+            layout="mix"
+            content={
+              <View
+                inlineStyle={[
+                  {
+                    enable: this.props.__designMode === 'design',
+                    name: '开发模式',
+                    style: { height: '100%', backgroundColor: '#f5f5f5' },
+                  },
+                ]}
+                __hidePh={true}
+              >
+                {this.props.children}
+              </View>
+            }
+            key={this.state.menu?.routes?.length}
+            _unsafe_MixedSetter_key_select="VariableSetter"
+            contentStyle={{
+              paddingTop: '0px',
+              paddingRight: '0px',
+              paddingBottom: '0px',
+              paddingLeft: '0px',
+            }}
+            onPageChange={location => {
+              if (location?.pathname) {
+                this.history.push(location?.pathname);
+              }
+            }}
+            _unsafe_extendAttr={[{ key: 'splitMenus', value: true }]}
+            splitMenus={true}
+            logo={
+              <View>
+                <AtIcon
+                  color="#5281ff"
+                  size={30}
+                  svg="&#60;svg t=&#34;1754273789163&#34; class=&#34;icon&#34; viewBox=&#34;0 0 1024 1024&#34; version=&#34;1.1&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; p-id=&#34;5352&#34; width=&#34;100%&#34; height=&#34;100%&#34;&#62;&#60;path d=&#34;M832.8 289L543.2 120.6c-19.4-11.4-43.3-11.4-62.4 0L191.2 289c-19.4 11.4-31.2 31.8-31.2 54.6v336.8c0 22.4 11.7 43.2 31.2 54.6l289.6 168.4c19.4 11.4 43.3 11.4 62.4 0L832.8 735c19.4-11.4 31.2-31.8 31.2-54.6V343.2c0-22.4-11.7-43.2-31.2-54.2zM731.5 406.4l-184.3 94.2v218.1c0 19.6-15.8 35.5-35.2 35.5-19.4 0-35.2-15.9-35.2-35.5V500.6l-184.3-94.2c-17.4-9-24.3-30.2-15.4-47.7 8.9-17.5 30-24.5 47.4-15.5L512 439.4l187.9-95.8c17.4-9 38.5-1.6 47.4 15.5 9 17.1 1.7 38.7-15.8 47.3z m0 0&#34; p-id=&#34;5353&#34; fill=&#34;currentColor&#34;/&#62;&#60;/path&#62;&#60;/svg&#62;"
+                />
+              </View>
+            }
+            _unsafe_MixedSetter_logo_select="SlotSetter"
+            className="min-h-screen"
+          />
+        </ProConfigProvider>
+      </Page>
+    );
+  }
+}
+
+export default Document;

package/tests/test-app/src/pages/back-end/adminRootLayout9.tsx

@@ -0,0 +1,157 @@
+/**
+ * 后台根布局9
+ * @type Page
+ * @screen 1400w
+ * @frames web
+ */
+import React from 'react';
+import { AtIcon, Page, View } from '@appthen/react';
+import { ProConfigProvider, ProLayout } from '@appthen/antd-pro';
+
+
+class IProps {}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {
+  /* 菜单数据 */
+  menu?: any;
+}
+
+class Document extends React.Component<IProps, IState> {
+  state = {};
+
+  /**
+   * 页面加载后执行
+   */
+  componentDidMount() {
+    const globalMenu = this.utils.getGlobalData('ADMIN_MENU');
+    if (globalMenu) {
+      const menu = JSON.parse(JSON.stringify(globalMenu));
+      // 转换图标
+      menu.routes = this.transformMenus(menu.routes);
+      this.setState(
+        {
+          menu,
+        },
+        () => {
+          console.log(
+            111,
+            this.history?.location?.pathname ||
+              this.state.menu?.routes[0]?.routes?.[0]?.path ||
+              this.state.menu?.routes[0]?.path
+          );
+        }
+      );
+    }
+  }
+
+  /**
+   * 菜单转换
+   */
+  transformMenus(routes) {
+    return routes.map(menu => {
+      if (menu.icon && menu.icon.includes('<svg')) {
+        menu.icon = React.createElement('div', {
+          style: {
+            width: '14px',
+            height: '14px',
+            lineHeight: 1,
+          },
+          dangerouslySetInnerHTML: {
+            __html: menu.icon,
+          },
+        });
+      }
+      menu.routes =
+        menu.route?.length > 0 ? this.transformMenus(menu.routes) : [];
+      return menu;
+    });
+  }
+
+  render() {
+    return (
+      <Page>
+        <ProConfigProvider
+          autoClearCache={false}
+          needDeps={false}
+          dark={false}
+          hashed={false}
+        >
+          <ProLayout
+            avatarProps={{
+              src: 'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',
+              size: 'small',
+              title: 'Nickname',
+            }}
+            devops={false}
+            route={this.state.menu}
+            location={{
+              pathname:
+                this.history?.location?.pathname ||
+                this.state.menu?.routes[0]?.routes?.[0]?.path ||
+                this.state.menu?.routes[0]?.path,
+            }}
+            title="后台管理系统"
+            links={[]}
+            menu={{
+              locale: false,
+              defaultOpenAll: false,
+              ignoreFlatMenu: false,
+              loading: false,
+              params: {},
+              type: 'sub',
+            }}
+            siderWidth={280}
+            contentWidth="Fluid"
+            token={{}}
+            layout="mix"
+            content={
+              <View
+                inlineStyle={[
+                  {
+                    enable: this.props.__designMode === 'design',
+                    name: '开发模式',
+                    style: { height: '100%', backgroundColor: '#f5f5f5' },
+                  },
+                ]}
+                __hidePh={true}
+              >
+                {this.props.children}
+              </View>
+            }
+            key={this.state.menu?.routes?.length}
+            _unsafe_MixedSetter_key_select="VariableSetter"
+            contentStyle={{
+              paddingTop: '0px',
+              paddingRight: '0px',
+              paddingBottom: '0px',
+              paddingLeft: '0px',
+            }}
+            onPageChange={location => {
+              if (location?.pathname) {
+                this.history.push(location?.pathname);
+              }
+            }}
+            _unsafe_extendAttr={[{ key: 'splitMenus', value: true }]}
+            splitMenus={true}
+            logo={
+              <View>
+                <AtIcon
+                  color="#5281ff"
+                  size={30}
+                  svg="&#60;svg t=&#34;1754273789163&#34; class=&#34;icon&#34; viewBox=&#34;0 0 1024 1024&#34; version=&#34;1.1&#34; xmlns=&#34;http://www.w3.org/2000/svg&#34; p-id=&#34;5352&#34; width=&#34;100%&#34; height=&#34;100%&#34;&#62;&#60;path d=&#34;M832.8 289L543.2 120.6c-19.4-11.4-43.3-11.4-62.4 0L191.2 289c-19.4 11.4-31.2 31.8-31.2 54.6v336.8c0 22.4 11.7 43.2 31.2 54.6l289.6 168.4c19.4 11.4 43.3 11.4 62.4 0L832.8 735c19.4-11.4 31.2-31.8 31.2-54.6V343.2c0-22.4-11.7-43.2-31.2-54.2zM731.5 406.4l-184.3 94.2v218.1c0 19.6-15.8 35.5-35.2 35.5-19.4 0-35.2-15.9-35.2-35.5V500.6l-184.3-94.2c-17.4-9-24.3-30.2-15.4-47.7 8.9-17.5 30-24.5 47.4-15.5L512 439.4l187.9-95.8c17.4-9 38.5-1.6 47.4 15.5 9 17.1 1.7 38.7-15.8 47.3z m0 0&#34; p-id=&#34;5353&#34; fill=&#34;currentColor&#34;/&#62;&#60;/path&#62;&#60;/svg&#62;"
+                />
+              </View>
+            }
+            _unsafe_MixedSetter_logo_select="SlotSetter"
+            className="min-h-screen"
+          />
+        </ProConfigProvider>
+      </Page>
+    );
+  }
+}
+
+export default Document;

package/tests/test-app/src/pages/back-end/backgroundManagementSystem.css

@@ -0,0 +1,5 @@
+.BKzrX8CSn0 {
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 22px;
+}