mdui 1.0.1 → 2.0.0

package/src/.idea/deployment.xml

@@ -1,42 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="PublishConfigData" remoteFilesAllowedToDisappearOnAutoupload="false">
-    <serverData>
-      <paths name="canary.mdclub.org">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.mdclub.org">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.mdui.org">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.mdui.org/docs">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-      <paths name="www.mithriljs.net">
-        <serverdata>
-          <mappings>
-            <mapping local="$PROJECT_DIR$" web="/" />
-          </mappings>
-        </serverdata>
-      </paths>
-    </serverData>
-  </component>
-</project>

package/src/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/src.iml" filepath="$PROJECT_DIR$/.idea/src.iml" />
-    </modules>
-  </component>
-</project>

package/src/.idea/src.iml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/src/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$/.." vcs="Git" />
-  </component>
-</project>

package/src/.idea/workspace.xml

@@ -1,49 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ChangeListManager">
-    <list default="true" id="aeb8ec32-9260-48e5-8609-bc2117a4b07c" name="默认的" comment="">
-      <change beforePath="$PROJECT_DIR$/../dist/css/mdui.css" beforeDir="false" afterPath="$PROJECT_DIR$/../dist/css/mdui.css" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/../dist/css/mdui.css.map" beforeDir="false" afterPath="$PROJECT_DIR$/../dist/css/mdui.css.map" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/../dist/css/mdui.min.css" beforeDir="false" afterPath="$PROJECT_DIR$/../dist/css/mdui.min.css" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/../dist/css/mdui.min.css.map" beforeDir="false" afterPath="$PROJECT_DIR$/../dist/css/mdui.min.css.map" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/../dist/js/mdui.esm.js" beforeDir="false" afterPath="$PROJECT_DIR$/../dist/js/mdui.esm.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/../dist/js/mdui.esm.js.map" beforeDir="false" afterPath="$PROJECT_DIR$/../dist/js/mdui.esm.js.map" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/../dist/js/mdui.js" beforeDir="false" afterPath="$PROJECT_DIR$/../dist/js/mdui.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/../dist/js/mdui.js.map" beforeDir="false" afterPath="$PROJECT_DIR$/../dist/js/mdui.js.map" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/../dist/js/mdui.min.js" beforeDir="false" afterPath="$PROJECT_DIR$/../dist/js/mdui.min.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/../dist/js/mdui.min.js.map" beforeDir="false" afterPath="$PROJECT_DIR$/../dist/js/mdui.min.js.map" afterDir="false" />
-    </list>
-    <option name="SHOW_DIALOG" value="false" />
-    <option name="HIGHLIGHT_CONFLICTS" value="true" />
-    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
-    <option name="LAST_RESOLUTION" value="IGNORE" />
-  </component>
-  <component name="ComposerSettings">
-    <execution />
-  </component>
-  <component name="Git.Settings">
-    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$/.." />
-  </component>
-  <component name="ProjectId" id="1hgp6OijUrpoXN1NP5lrxi0EL1X" />
-  <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
-  <component name="ProjectViewState">
-    <option name="hideEmptyMiddlePackages" value="true" />
-    <option name="showLibraryContents" value="true" />
-  </component>
-  <component name="PropertiesComponent">
-    <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
-    <property name="WebServerToolWindowFactoryState" value="true" />
-    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
-    <property name="settings.editor.selected.configurable" value="com.alibabacloud.intellij.config.AccountConfigurable" />
-  </component>
-  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
-  <component name="TypeScriptGeneratedFilesManager">
-    <option name="version" value="3" />
-  </component>
-  <component name="WindowStateProjectService">
-    <state x="723" y="292" width="601" height="536" key="find.popup" timestamp="1600442420321">
-      <screen x="0" y="0" width="2048" height="1120" />
-    </state>
-    <state x="723" y="292" width="601" height="536" key="find.popup/2560.0.2048.1120/0.0.2048.1120@0.0.2048.1120" timestamp="1600442420321" />
-  </component>
-</project>

package/src/components/appbar/index.less

@@ -1,110 +0,0 @@
-/**
- * =============================================================================
- * ************   Appbar 应用栏   ************
- * =============================================================================
- */
-
-@import '../toolbar/index';
-@import '../headroom/index';
-
-.mdui-appbar {
-  z-index: @z-index-appbar;
-  .mdui-shadow(4);
-}
-
-/* appbar 固定在顶部 */
-.mdui-appbar-fixed {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  transition-timing-function: @animation-curve-linear-out-slow-in;
-  transition-duration: 0.3s;
-  transition-property: left, right;
-  will-change: left, right;
-}
-
-/* 左侧留出抽屉栏的距离 */
-.mdui-appbar-inset.mdui-appbar-fixed {
-  .mdui-drawer-body-left & {
-    @media (min-width: @screen-md-min) {
-      left: @drawer-width-md;
-    }
-  }
-
-  .mdui-drawer-body-right & {
-    @media (min-width: @screen-md-min) {
-      right: @drawer-width-md;
-    }
-  }
-}
-
-/* 含工具栏 */
-.mdui-appbar-with-toolbar {
-  padding-top: @appbar-height-xs-portrait;
-
-  // 平板和桌面
-  @media (min-width: @screen-sm-min) {
-    padding-top: @appbar-height-sm;
-  }
-
-  // 手机横屏
-  @media (orientation: landscape) and (max-width: @screen-xs-max-landscape) {
-    padding-top: @appbar-height-xs-landscape;
-  }
-}
-
-/* 含 Tab */
-.mdui-appbar-with-tab {
-  padding-top: 48px;
-}
-
-/* 含大 Tab  */
-.mdui-appbar-with-tab-larger {
-  padding-top: 72px;
-}
-
-/* 含工具栏和 Tab */
-.mdui-appbar-with-toolbar.mdui-appbar-with-tab {
-  padding-top: @appbar-height-xs-portrait + 48px;
-
-  // 平板和桌面
-  @media (min-width: @screen-sm-min) {
-    padding-top: @appbar-height-sm + 48px;
-  }
-
-  // 手机横屏
-  @media (orientation: landscape) and (max-width: @screen-xs-max-landscape) {
-    padding-top: @appbar-height-xs-landscape + 48px;
-  }
-}
-
-/* 含工具栏和大 Tab */
-.mdui-appbar-with-toolbar.mdui-appbar-with-tab-larger {
-  padding-top: @appbar-height-xs-portrait + 72px;
-
-  // 平板和桌面
-  @media (min-width: @screen-sm-min) {
-    padding-top: @appbar-height-sm + 72px;
-  }
-
-  // 手机横屏
-  @media (orientation: landscape) and (max-width: @screen-xs-max-landscape) {
-    padding-top: @appbar-height-xs-landscape + 72px;
-  }
-}
-
-
-/**
- * =============================================================================
- * ************   Appbar dark   ************
- * =============================================================================
- */
-.layout-theme({
-  .mdui-appbar {
-    &>[class*="mdui-color-"]:not(.mdui-color-transparent) {
-      color: #fff !important;
-      background-color: @layout-dark-color-2 !important;
-    }
-  }
-});

package/src/components/appbar/index.ts

@@ -1,19 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import mdui from '../../mdui';
-import '../../global/mutation';
-import '../headroom';
-
-$(() => {
-  // 滚动时隐藏应用栏
-  mdui.mutation('.mdui-appbar-scroll-hide', function () {
-    new mdui.Headroom(this);
-  });
-
-  // 滚动时只隐藏应用栏中的工具栏
-  mdui.mutation('.mdui-appbar-scroll-toolbar-hide', function () {
-    new mdui.Headroom(this, {
-      pinnedClass: 'mdui-headroom-pinned-toolbar',
-      unpinnedClass: 'mdui-headroom-unpinned-toolbar',
-    });
-  });
-});

package/src/components/bottom_nav/index.less

@@ -1,155 +0,0 @@
-/**
- * =============================================================================
- * ************   Bottom navigation 底部导航栏   ************
- * =============================================================================
- */
-
-@import '../headroom/index';
-
-.mdui-bottom-nav {
-  position: relative;
-  display: flex;
-  height: 56px;
-  margin: 0 auto;
-  padding: 0;
-  overflow: hidden;
-  white-space: nowrap;
-
-  @media (min-width: @screen-sm-min) {
-    &::before {
-      flex-grow: 1;
-      content: ' ';
-    }
-    &::after {
-      flex-grow: 1;
-      content: ' ';
-    }
-  }
-
-  a {
-    display: flex;
-    flex: 1;
-
-    // 使图标和文本垂直排列
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    min-width: 32px;
-    max-width: none;
-    padding: 8px 12px 10px 12px;
-    overflow: hidden;
-    color: inherit;
-    font-size: 12px;
-    text-align: center;
-    text-decoration: none;
-    text-overflow: ellipsis;
-    cursor: pointer;
-    opacity: 0.7;
-    transition: all .2s @animation-curve-default ;
-    user-select: none;
-    will-change: padding;
-
-    @media (min-width: @screen-sm-min) {
-      max-width: 144px;
-    }
-
-    .mdui-icon {
-      opacity: 0.7;
-    }
-
-    label {;
-      display: block;
-      width: 100%;
-      cursor: pointer;
-      transition: transform .2s @animation-curve-default ;
-      will-change: font-size;
-    }
-
-    .mdui-icon + label {
-      margin-top: 6px;
-    }
-
-    // 激活状态的导航项
-    &.mdui-bottom-nav-active {
-      color: @color-default-500;
-      font-size: 14px;
-      opacity: 1;
-
-      .mdui-icon {
-        opacity: 1;
-      }
-    }
-  }
-}
-
-/* 只在激活时显示文本 */
-&.mdui-bottom-nav-text-auto {
-  a {
-    min-width: 32px;
-    padding-right: 0;
-    padding-left: 0;
-    @media (min-width: @screen-sm-min) {
-      max-width: 156px;
-    }
-    .mdui-icon {
-      padding-top: 16px;
-      transition: padding-top .2s @animation-curve-default;
-      will-change: padding-top;
-    }
-    label {
-      transform: scale(0);
-    }
-
-    &.mdui-bottom-nav-active {
-      padding-right: 18px;
-      padding-left: 18px;
-      .mdui-icon {
-        padding-top: 0;
-      }
-      label {
-        transform: scale(1);
-      }
-    }
-  }
-}
-
-/* 固定到页面底部 */
-.mdui-bottom-nav-fixed {
-  .mdui-bottom-nav {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-
-  padding-bottom: 56px;
-}
-
-/**
- * =============================================================================
- * ************   Bottom Nav 主色   ************
- * =============================================================================
- */
-
-& {
-  .loop-primary-theme(@counter-color) when (@counter-color > 0) {
-    .loop-primary-theme((@counter-color - 1));
-    @colorName: extract(@globalPrimaryColors, @counter-color);
-    @color: 'color-@{colorName}-500';
-
-    .mdui-theme-primary-@{colorName} when not (@colorName = null) {
-      .mdui-bottom-nav a.mdui-bottom-nav-active {
-        color: @@color;
-      }
-    }
-
-  }
-  .loop-primary-theme(length(@globalPrimaryColors));
-}
-
-/* 带背景色的底部导航栏 */
-.mdui-bottom-nav[class*="mdui-color-"] {
-  .mdui-bottom-nav-active {
-    color: inherit !important;
-  }
-}

package/src/components/bottom_nav/index.ts

@@ -1,43 +0,0 @@
-import $ from 'mdui.jq/es/$';
-import 'mdui.jq/es/methods/addClass';
-import 'mdui.jq/es/methods/children';
-import 'mdui.jq/es/methods/each';
-import 'mdui.jq/es/methods/is';
-import 'mdui.jq/es/methods/on';
-import 'mdui.jq/es/methods/parent';
-import 'mdui.jq/es/methods/removeClass';
-import mdui from '../../mdui';
-import '../../global/mutation';
-import { componentEvent } from '../../utils/componentEvent';
-import { $document } from '../../utils/dom';
-import '../headroom';
-
-$(() => {
-  // 切换导航项
-  $document.on('click', '.mdui-bottom-nav>a', function () {
-    const $item = $(this as HTMLElement);
-    const $bottomNav = $item.parent();
-
-    $bottomNav.children('a').each((index, item) => {
-      const isThis = $item.is(item);
-
-      if (isThis) {
-        componentEvent('change', 'bottomNav', $bottomNav[0], undefined, {
-          index,
-        });
-      }
-
-      isThis
-        ? $(item).addClass('mdui-bottom-nav-active')
-        : $(item).removeClass('mdui-bottom-nav-active');
-    });
-  });
-
-  // 滚动时隐藏 mdui-bottom-nav-scroll-hide
-  mdui.mutation('.mdui-bottom-nav-scroll-hide', function () {
-    new mdui.Headroom(this, {
-      pinnedClass: 'mdui-headroom-pinned-down',
-      unpinnedClass: 'mdui-headroom-unpinned-down',
-    });
-  });
-});